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

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

exportImage()

To export Image

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getBackNeedleLength()

To get BackNeedleLength

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getCustomLabelAngle()

To get CustomLabelAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getCustomLabelValue()

To get CustomLabelValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getLabelAngle()

To get LabelAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getLabelDistanceFromScale()

To get LabelDistanceFromScale

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getLabelPlacement()

To get LabelPlacement

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getLabelStyle()

To get LabelStyle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getMajorIntervalValue()

To get MajorIntervalValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getMarkerDistanceFromScale()

To get MarkerDistanceFromScale

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getMarkerStyle()

To get MarkerStyle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getMaximumValue()

To get MaximumValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getMinimumValue()

To get MinimumValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getMinorIntervalValue()

To get MinorIntervalValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getNeedleStyle()

To get NeedleStyle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getPointerCapBorderWidth()

To get PointerCapBorderWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getPointerCapRadius()

To get PointerCapRadius

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getPointerLength()

To get PointerLength

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getPointerNeedleType()

To get PointerNeedleType

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getPointerPlacement()

To get PointerPlacement

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.destroy();
</script>

getPointerValue()

To get PointerValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getPointerWidth()

To get PointerWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerWidth();
</script>

getRangeBorderWidth()

To get RangeBorderWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getRangeDistanceFromScale()

To get RangeDistanceFromScale

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getRangeEndValue()

To get RangeEndValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getRangePosition()

To get RangePosition

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getRangeSize()

To get RangeSize

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getRangeStartValue()

To get RangeStartValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getScaleBarSize()

To get ScaleBarSize

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getScaleBorderWidth()

To get ScaleBorderWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getScaleDirection()

To get ScaleDirection

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getScaleRadius()

To get ScaleRadius

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getStartAngle()

To get StartAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getSubGaugeLocation()

To get SubGaugeLocation

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getSweepAngle()

To get SweepAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getTickAngle()

To get TickAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getTickDistanceFromScale()

To get TickDistanceFromScale

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getTickHeight()

To get TickHeight

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getTickPlacement()

To get TickPlacement

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getTickStyle()

To get TickStyle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

getTickWidth()

To get TickWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

includeFirstValue()

To set includeFirstValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

redraw()

Switching the redraw option for the gauge

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

setBackNeedleLength()

To set BackNeedleLength

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

setCustomLabelAngle()

To set CustomLabelAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

setCustomLabelValue()

To set CustomLabelValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

setLabelAngle()

To set LabelAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

setLabelDistanceFromScale()

To set LabelDistanceFromScale

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

setLabelPlacement()

To set LabelPlacement

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.getPointerValue();
</script>

setLabelStyle()

To set LabelStyle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setLabelStyle();
</script>

setMajorIntervalValue()

To set MajorIntervalValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setMajorIntervalValue();
</script>

setMarkerDistanceFromScale()

To set MarkerDistanceFromScale

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setMarkerDistanceFromScale();
</script>

setMarkerStyle()

To set MarkerStyle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setMarkerStyle();
</script>

setMaximumValue()

To set MaximumValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setMaximumValue();
</script>

setMinimumValue()

To set MinimumValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setMinimumValue();
</script>

setMinorIntervalValue()

To set MinorIntervalValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setMinorIntervalValue();
</script>

setNeedleStyle()

To set NeedleStyle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setNeedleStyle();
</script>

setPointerCapBorderWidth()

To set PointerCapBorderWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setPointerCapBorderWidth();
</script>

setPointerCapRadius()

To set PointerCapRadius

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setPointerCapRadius();
</script>

setPointerLength()

To set PointerLength

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setPointerLength();
</script>

setPointerNeedleType()

To set PointerNeedleType

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setPointerNeedleType();
</script>

setPointerPlacement()

To set PointerPlacement

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setPointerPlacement();
</script>

setPointerValue()

To set PointerValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setPointerValue();
</script>

setPointerWidth()

To set PointerWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setPointerWidth();
</script>

setRangeBorderWidth()

To set RangeBorderWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setRangeBorderWidth();
</script>

setRangeDistanceFromScale()

To set RangeDistanceFromScale

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setRangeDistanceFromScale();
</script>

setRangeEndValue()

To set RangeEndValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setRangeEndValue();
</script>

setRangePosition()

To set RangePosition

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setRangePosition();
</script>

setRangeSize()

To set RangeSize

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setRangeSize();
</script>

setRangeStartValue()

To set RangeStartValue

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setRangeStartValue();
</script>

setScaleBarSize()

To set ScaleBarSize

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setScaleBarSize();
</script>

setScaleBorderWidth()

To set ScaleBorderWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setScaleBorderWidth();
</script>

setScaleDirection()

To set ScaleDirection

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setScaleDirection();
</script>

setScaleRadius()

To set ScaleRadius

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setScaleRadius();
</script>

setStartAngle()

To set StartAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setStartAngle();
</script>

setSubGaugeLocation()

To set SubGaugeLocation

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setSubGaugeLocation();
</script>

setSweepAngle()

To set SweepAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setSweepAngle();
</script>

setTickAngle()

To set TickAngle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setTickAngle();
</script>

setTickDistanceFromScale()

To set TickDistanceFromScale

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setTickDistanceFromScale();
</script>

setTickHeight()

To set TickHeight

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setTickHeight();
</script>

setTickPlacement()

To set TickPlacement

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setTickPlacement();
</script>

setTickStyle()

To set TickStyle

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setTickStyle();
</script>

setTickWidth()

To set TickWidth

HTML

<div id="CircularGauge1">
    <ej-circulargauge></ej-circulargauge>
</div>

<script>
    var circular = $("#CircularGauge1").data("ejCircularGauge");
    circular.setTickWidth();
</script>

Events

drawCustomLabel

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

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-drawCustomLabel="onDrawCustomLabel"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onDrawCustomLabel = "DrawCustomLabel";    
});
 
function DrawCustomLabel(){
    // Do Something
}

drawIndicators

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

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-drawIndicators="onDrawIndicators"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onDrawIndicators = "DrawIndicators";    
});
 
function DrawIndicators(){
    // Do Something
}

drawLabels

Triggers while the labels are being drawn on the gauge.

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-drawLabels="onDrawLabels"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onDrawLabels = "DrawLabels";    
});
 
function DrawLabels(){
    // Do Something
}

drawPointerCap

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

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-drawPointerCap="onDrawPointerCap"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onDrawPointerCap = "DrawPointerCap";    
});
 
function DrawPointerCap(){
    // Do Something
}

drawPointers

Triggers while the pointers are being drawn on the gauge.

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-drawPointers="onDrawPointers"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onDrawPointers = "DrawPointers";    
});
 
function DrawPointers(){
    // Do Something
}

drawRange

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

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-drawRange="onDrawRange"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onDrawRange = "DrawRange";    
});
 
function DrawRange(){
    // Do Something
}

drawTicks

Triggers while the ticks are being drawn on the gauge.

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-drawTicks="onDrawTicks"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onDrawTicks = "DrawTicks";    
});
 
function DrawTicks(){
    // Do Something
}

load

Triggers while the gauge start to Load.

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-load="onLoad"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onLoad = "Load";    
});
 
function Load(){
    // Do Something
}

mouseClick

Triggers when the left mouse button is clicked.

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-mouseClick="onMouseClick"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onMouseClick = "MouseClick";    
});
 
function MouseClick(){
    // Do Something
}

mouseClickMove

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

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-mouseClickMove="onMouseClickMove"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onMouseClickMove = "MouseClickMove";    
});
 
function MouseClickMove(){
    // Do Something
}

mouseClickUp

Triggers when the mouse click is released.

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-mouseClickUp="onMouseClickUp"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onMouseClickUp = "MouseClickUp";    
});
 
function MouseClickUp(){
    // Do Something
}

renderComplete

Triggers when the rendering of the gauge is completed.

HTML

<div ng-controller="CircularGauge">
    <div id="container" style="width: 100%" e-renderComplete="onRenderComplete"></div>
</div>

JS

angular.controller('CircularGauge', function ($scope) {    
    $scope.onRenderComplete = "RenderComplete";    
});
 
function RenderComplete(){
    // Do Something
}