Methods

destroy()

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

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.destroy();

exportImage()

To export Image

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.exportImage();

getBackNeedleLength()

To get BackNeedleLength

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getBackNeedleLength();

getCustomLabelAngle()

To get CustomLabelAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getCustomLabelAngle();

getCustomLabelValue()

To get CustomLabelValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getCustomLabelValue();

getLabelAngle()

To get LabelAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getLabelAngle();

getLabelDistanceFromScale()

To get LabelDistanceFromScale

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getLabelDistanceFromScale();

getLabelPlacement()

To get LabelPlacement

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getLabelPlacement();

getLabelStyle()

To get LabelStyle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getLabelStyle();

getMajorIntervalValue()

To get MajorIntervalValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getMajorIntervalValue();

getMarkerDistanceFromScale()

To get MarkerDistanceFromScale

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getMarkerDistanceFromScale();

getMarkerStyle()

To get MarkerStyle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getMarkerStyle();

getMaximumValue()

To get MaximumValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getMaximumValue();

getMinimumValue()

To get MinimumValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getMinimumValue();

getMinorIntervalValue()

To get MinorIntervalValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getMinorIntervalValue();

getNeedleStyle()

To get NeedleStyle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getNeedleStyle();

getPointerCapBorderWidth()

To get PointerCapBorderWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getPointerCapBorderWidth();

getPointerCapRadius()

To get PointerCapRadius

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getPointerCapRadius();

getPointerLength()

To get PointerLength

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getPointerLength();

getPointerNeedleType()

To get PointerNeedleType

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getPointerNeedleType();

getPointerPlacement()

To get PointerPlacement

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getPointerPlacement();

getPointerValue()

To get PointerValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getPointerValue();

getPointerWidth()

To get PointerWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getPointerWidth();

getRangeBorderWidth()

To get RangeBorderWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getRangeBorderWidth();

getRangeDistanceFromScale()

To get RangeDistanceFromScale

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getRangeDistanceFromScale();

getRangeEndValue()

To get RangeEndValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getRangeEndValue();

getRangePosition()

To get RangePosition

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getRangePosition();

getRangeSize()

To get RangeSize

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getRangeSize();

getRangeStartValue()

To get RangeStartValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getRangeStartValue();

getScaleBarSize()

To get ScaleBarSize

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getScaleBarSize();

getScaleBorderWidth()

To get ScaleBorderWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getScaleBorderWidth();

getScaleDirection()

To get ScaleDirection

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getScaleDirection();

getScaleRadius()

To get ScaleRadius

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getScaleRadius();

getStartAngle()

To get StartAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getStartAngle();

getSubGaugeLocation()

To get SubGaugeLocation

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getSubGaugeLocation();

getSweepAngle()

To get SweepAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getSweepAngle();

getTickAngle()

To get TickAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getTickAngle();

getTickDistanceFromScale()

To get TickDistanceFromScale

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getTickDistanceFromScale();

getTickHeight()

To get TickHeight

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getTickHeight();

getTickPlacement()

To get TickPlacement

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getTickPlacement();

getTickStyle()

To get TickStyle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getTickStyle();

getTickWidth()

To get TickWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.getTickWidth();

includeFirstValue()

To set includeFirstValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.includeFirstValue();

redraw()

Switching the redraw option for the gauge

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.redraw();

setBackNeedleLength()

To set BackNeedleLength

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setBackNeedleLength();

setCustomLabelAngle()

To set CustomLabelAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setCustomLabelAngle();

setCustomLabelValue()

To set CustomLabelValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setCustomLabelValue();

setLabelAngle()

To set LabelAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setLabelAngle();

setLabelDistanceFromScale()

To set LabelDistanceFromScale

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setLabelDistanceFromScale();

setLabelPlacement()

To set LabelPlacement

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setLabelPlacement();

setLabelStyle()

To set LabelStyle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setLabelStyle();

setMajorIntervalValue()

To set MajorIntervalValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setMajorIntervalValue();

setMarkerDistanceFromScale()

To set MarkerDistanceFromScale

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setMarkerDistanceFromScale();

setMarkerStyle()

To set MarkerStyle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setMarkerStyle();

setMaximumValue()

To set MaximumValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setMaximumValue();

setMinimumValue()

To set MinimumValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setMinimumValue();

setMinorIntervalValue()

To set MinorIntervalValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setMinorIntervalValue();

setNeedleStyle()

To set NeedleStyle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setNeedleStyle();

setPointerCapBorderWidth()

To set PointerCapBorderWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setPointerCapBorderWidth();

setPointerCapRadius()

To set PointerCapRadius

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setPointerCapRadius();

setPointerLength()

To set PointerLength

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setPointerLength();

setPointerNeedleType()

To set PointerNeedleType

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setPointerNeedleType();

setPointerPlacement()

To set PointerPlacement

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setPointerPlacement();

setPointerValue()

To set PointerValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setPointerValue();

setPointerWidth()

To set PointerWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setPointerWidth();

setRangeBorderWidth()

To set RangeBorderWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setRangeBorderWidth();

setRangeDistanceFromScale()

To set RangeDistanceFromScale

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setRangeDistanceFromScale();

setRangeEndValue()

To set RangeEndValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setRangeEndValue();

setRangePosition()

To set RangePosition

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setRangePosition();

setRangeSize()

To set RangeSize

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setRangeSize();

setRangeStartValue()

To set RangeStartValue

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setRangeStartValue();

setScaleBarSize()

To set ScaleBarSize

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setScaleBarSize();

setScaleBorderWidth()

To set ScaleBorderWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setScaleBorderWidth();

setScaleDirection()

To set ScaleDirection

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setScaleDirection();

setScaleRadius()

To set ScaleRadius

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setScaleRadius();

setStartAngle()

To set StartAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setStartAngle();

setSubGaugeLocation()

To set SubGaugeLocation

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setSubGaugeLocation();

setSweepAngle()

To set SweepAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setSweepAngle();

setTickAngle()

To set TickAngle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setTickAngle();

setTickDistanceFromScale()

To set TickDistanceFromScale

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setTickDistanceFromScale();

setTickHeight()

To set TickHeight

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setTickHeight();

setTickPlacement()

To set TickPlacement

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setTickPlacement();

setTickStyle()

To set TickStyle

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setTickStyle();

setTickWidth()

To set TickWidth

HTML

<ej-circular-gauge id="CircularGauge">
</ej-circular-gauge>

var gauge = $("#CircularGauge").data("ejCircularGauge");
gauge.setTickWidth();

Events

drawCustomLabel

Triggers while the custom labels are being drawn on the gauge.

HTML

<ej-circular-gauge id="CircularGauge" draw-custom-label="DrawCustomLabel">
</ej-circular-gauge>

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

drawIndicators

Triggers while the indicators are being started to drawn on the gauge.

HTML

<ej-circular-gauge id="CircularGauge" draw-indicators="DrawIndicators">
</ej-circular-gauge>

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

drawLabels

Triggers while the labels are being drawn on the gauge.

HTML

<ej-circular-gauge id="CircularGauge" draw-labels="DrawLabels">
</ej-circular-gauge>

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

drawPointerCap

Triggers while the pointer cap is being drawn on the gauge.

HTML

<ej-circular-gauge id="CircularGauge" draw-pointer-cap="DrawPointerCap">
</ej-circular-gauge>

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

drawPointers

Triggers while the pointers are being drawn on the gauge.

HTML

<ej-circular-gauge id="CircularGauge" draw-pointers="DrawPointers">
</ej-circular-gauge>

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

drawRange

Triggers when the ranges begin to be getting drawn on the gauge.

HTML

<ej-circular-gauge id="CircularGauge" draw-range="DrawRange">
</ej-circular-gauge>

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

drawTicks

Triggers while the ticks are being drawn on the gauge.

HTML

<ej-circular-gauge id="CircularGauge" draw-ticks="DrawTicks">
</ej-circular-gauge>

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

load

Triggers while the gauge start to Load.

HTML

<ej-circular-gauge id="CircularGauge" load="Load">
</ej-circular-gauge>

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

mouseClick

Triggers when the left mouse button is clicked.

HTML

<ej-circular-gauge id="CircularGauge" mouse-click="MouseClick">
</ej-circular-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-circular-gauge id="CircularGauge" mouse-click-move="MouseClickMove">
</ej-circular-gauge>

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

mouseClickUp

Triggers when the mouse click is released.

HTML

<ej-circular-gauge id="CircularGauge" mouse-click-up="MouseClickUp">
</ej-circular-gauge>

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

renderComplete

Triggers when the rendering of the gauge is completed.

HTML

<ej-circular-gauge id="CircularGauge" render-complete="RenderComplete">
</ej-circular-gauge>

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