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
    }