Methods

destroy()

destroy the linear gauge all events bound using this._on will be unbind automatically and bring the control to pre-init state.

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.destroy();

exportImage()

To export Image

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.exportImage();

getBarDistanceFromScale()

To get Bar Distance From Scale in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getBarDistanceFromScale();

getBarPointerValue()

To get Bar Pointer Value in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getBarPointerValue();

getBarWidth()

To get Bar Width in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getBarWidth();

getCustomLabelAngle()

To get CustomLabel Angle in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getCustomLabelAngle();

getCustomLabelValue()

To get CustomLabel Value in string

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getCustomLabelValue();

getLabelAngle()

To get Label Angle in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getLabelAngle();

getLabelPlacement()

To get LabelPlacement in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getLabelPlacement();

getLabelStyle()

To get LabelStyle in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getLabelStyle();

getLabelXDistanceFromScale()

To get Label XDistance From Scale in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getLabelXDistanceFromScale();

getLabelYDistanceFromScale()

To get PointerValue in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getLabelYDistanceFromScale();

getMajorIntervalValue()

To get Major Interval Value in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getMajorIntervalValue();

getMarkerStyle()

To get MarkerStyle in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getMarkerStyle();

getMaximumValue()

To get Maximum Value in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getMaximumValue();

getMinimumValue()

To get PointerValue in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getMinimumValue();

getMinorIntervalValue()

To get Minor Interval Value in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getMinorIntervalValue();

getPointerDistanceFromScale()

To get Pointer Distance From Scale in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getPointerDistanceFromScale();

getPointerHeight()

To get PointerHeight in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getPointerHeight();

getPointerPlacement()

To get Pointer Placement in String

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getPointerPlacement();

getPointerValue()

To get PointerValue in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getPointerValue();

getPointerWidth()

To get PointerWidth in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getPointerWidth();

getRangeBorderWidth()

To get Range Border Width in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getRangeBorderWidth();

getRangeDistanceFromScale()

To get Range Distance From Scale in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getRangeDistanceFromScale();

getRangeEndValue()

To get Range End Value in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getRangeEndValue();

getRangeEndWidth()

To get Range End Width in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getRangeEndWidth();

getRangePosition()

To get Range Position in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getRangePosition();

getRangeStartValue()

To get Range Start Value in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getRangeStartValue();

getRangeStartWidth()

To get Range Start Width in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getRangeStartWidth();

getScaleBarLength()

To get ScaleBarLength in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getScaleBarLength();

getScaleBarSize()

To get Scale Bar Size in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getScaleBarSize();

getScaleBorderWidth()

To get Scale Border Width in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getScaleBorderWidth();

getScaleDirection()

To get Scale Direction in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getScaleDirection();

getScaleLocation()

To get Scale Location in object

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getScaleLocation();

getScaleStyle()

To get Scale Style in string

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getScaleStyle();

getTickAngle()

To get Tick Angle in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getTickAngle();

getTickHeight()

To get Tick Height in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getTickHeight();

getTickPlacement()

To get getTickPlacement in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getTickPlacement();

getTickStyle()

To get Tick Style in string

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getTickStyle();

getTickWidth()

To get Tick Width in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getTickWidth();

getTickXDistanceFromScale()

To get get Tick XDistance From Scale in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getTickXDistanceFromScale();

getTickYDistanceFromScale()

To get Tick YDistance From Scale in number

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.getTickYDistanceFromScale();

scales()

Specifies the scales.

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.scales();

setBarDistanceFromScale()

To set setBarDistanceFromScale

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setBarDistanceFromScale();

setBarPointerValue()

To set setBarPointerValue

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setBarPointerValue();

setBarWidth()

To set setBarWidth

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setBarWidth();

setCustomLabelAngle()

To set setCustomLabelAngle

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setCustomLabelAngle();

setCustomLabelValue()

To set setCustomLabelValue

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setCustomLabelValue();

setLabelAngle()

To set setLabelAngle

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setLabelAngle();

setLabelPlacement()

To set setLabelPlacement

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setLabelPlacement();

setLabelStyle()

To set setLabelStyle

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setLabelStyle();

setLabelXDistanceFromScale()

To set setLabelXDistanceFromScale

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setLabelXDistanceFromScale();

setLabelYDistanceFromScale()

To set setLabelYDistanceFromScale

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setLabelYDistanceFromScale();

setMajorIntervalValue()

To set setMajorIntervalValue

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setMajorIntervalValue();

setMarkerStyle()

To set setMarkerStyle

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setMarkerStyle();

setMaximumValue()

To set setMaximumValue

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setMaximumValue();

setMinimumValue()

To set setMinimumValue

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setMinimumValue();

setMinorIntervalValue()

To set setMinorIntervalValue

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setMinorIntervalValue();

setPointerDistanceFromScale()

To set setPointerDistanceFromScale

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setPointerDistanceFromScale();

setPointerHeight()

To set PointerHeight

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setPointerHeight();

setPointerPlacement()

To set setPointerPlacement

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setPointerPlacement();

setPointerValue()

To set PointerValue

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setPointerValue();

setPointerWidth()

To set PointerWidth

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setPointerWidth();

setRangeBorderWidth()

To set setRangeBorderWidth

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setRangeBorderWidth();

setRangeDistanceFromScale()

To set setRangeDistanceFromScale

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setRangeDistanceFromScale();

setRangeEndValue()

To set setRangeEndValue

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setRangeEndValue();

setRangeEndWidth()

To set setRangeEndWidth

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setRangeEndWidth();

setRangePosition()

To set setRangePosition

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setRangePosition();

setRangeStartValue()

To set setRangeStartValue

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setRangeStartValue();

setRangeStartWidth()

To set setRangeStartWidth

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setRangeStartWidth();

setScaleBarLength()

To set setScaleBarLength

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setScaleBarLength();

setScaleBarSize()

To set setScaleBarSize

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setScaleBarSize();

setScaleBorderWidth()

To set setScaleBorderWidth

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setScaleBorderWidth();

setScaleDirection()

To set setScaleDirection

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setScaleDirection();

setScaleLocation()

To set setScaleLocation

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setScaleLocation();

setScaleStyle()

To set setScaleStyle

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setScaleStyle();

setTickAngle()

To set setTickAngle

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setTickAngle();

setTickHeight()

To set setTickHeight

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setTickHeight();

setTickPlacement()

To set setTickPlacement

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setTickPlacement();

setTickStyle()

To set setTickStyle

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setTickStyle();

setTickWidth()

To set setTickWidth

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setTickWidth();

setTickXDistanceFromScale()

To set setTickXDistanceFromScale

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setTickXDistanceFromScale();

setTickYDistanceFromScale()

To set setTickYDistanceFromScale

HTML

<ej-linear-gauge id="LinearGauge">
</ej-linear-gauge>

var gauge = $("#LinearGauge").data("ejLinearGauge");
gauge.setTickYDistanceFromScale();

Events

drawBarPointers

Triggers while the bar pointer are being drawn on the gauge.

HTML

<ej-linear-gauge id="LinearGauge" draw-bar-pointers="DrawBarPointers">
</ej-linear-gauge>

<script type="text/javascript">
    function DrawBarPointers(args) {
        // Do Something
    }
</script>

drawCustomLabel

Triggers while the customLabel are being drawn on the gauge.

HTML

<ej-linear-gauge id="LinearGauge" draw-custom-label="DrawCustomLabel">
</ej-linear-gauge>

<script type="text/javascript">
    function DrawBarPointers(args) {
        // Do Something
    }
</script>

drawIndicators

Triggers while the Indicator are being drawn on the gauge.

HTML

<ej-linear-gauge id="LinearGauge" draw-indicators="DrawIndicators">
</ej-linear-gauge>

<script type="text/javascript">
    function DrawIndicators(args) {
        // Do Something
    }
</script>

drawLabels

Triggers while the label are being drawn on the gauge.

HTML

<ej-linear-gauge id="LinearGauge" draw-labels="DrawLabels">
</ej-linear-gauge>

<script type="text/javascript">
    function DrawLabels(args) {
        // Do Something
    }
</script>

drawMarkerPointers

Triggers while the marker are being drawn on the gauge.

HTML

<ej-linear-gauge id="LinearGauge" draw-marker-pointers="DrawMarkerPointers">
</ej-linear-gauge>

<script type="text/javascript">
    function DrawMarkerPointers(args) {
        // Do Something
    }
</script>

drawRange

Triggers while the range are being drawn on the gauge.

HTML

<ej-linear-gauge id="LinearGauge" draw-range="DrawRange">
</ej-linear-gauge>

<script type="text/javascript">
    function DrawRange(args) {
        // Do Something
    }
</script>

drawTicks

Triggers while the ticks are being drawn on the gauge.

HTML

<ej-linear-gauge id="LinearGauge" draw-ticks="DrawTicks">
</ej-linear-gauge>

<script type="text/javascript">
    function DrawTicks(args) {
        // Do Something
    }
</script>

init

Triggers when the gauge is initialized.

HTML

<ej-linear-gauge id="LinearGauge" init ="Init">
</ej-linear-gauge>

<script type="text/javascript">
    function Init(args) {
        // Do Something
    }
</script>

load

Triggers while the gauge start to Load.

HTML

<ej-linear-gauge id="LinearGauge" load ="Load">
</ej-linear-gauge>

<script type="text/javascript">
    function Load(args) {
        // Do Something
    }
</script>

mouseClick

Triggers when the left mouse button is clicked.

HTML

<ej-linear-gauge id="LinearGauge" mouse-click="MouseClick">
</ej-linear-gauge>

<script type="text/javascript">
    function MouseClick(args) {
        // Do Something
    }
</script>

mouseClickMove

Triggers when clicking and dragging the mouse pointer over the gauge pointer.

HTML

<ej-linear-gauge id="LinearGauge" mouse-click-move="MouseClickMove">
</ej-linear-gauge>

<script type="text/javascript">
    function MouseClickMove(args) {
        // Do Something
    }
</script>

mouseClickUp

Triggers when the mouse click is released.

HTML

<ej-linear-gauge id="LinearGauge" mouse-click-up="MouseClickUp">
</ej-linear-gauge>

<script type="text/javascript">
    function MouseClickUp(args) {
        // Do Something
    }
</script>

renderComplete

Triggers while the rendering of the gauge completed.

HTML

<ej-linear-gauge id="LinearGauge" render-complete="RenderComplete">
</ej-linear-gauge>

<script type="text/javascript">
    function RenderComplete(args) {
        // Do Something
    }
</script>