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="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.destroy();
    };

    exportImage()

    To export Image

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.exportImage();
    };

    getBackNeedleLength()

    To get BackNeedleLength

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getBackNeedleLength();
    };

    getCustomLabelAngle()

    To get CustomLabelAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getCustomLabelAngle();
    };

    getCustomLabelValue()

    To get CustomLabelValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getCustomLabelValue();
    };

    getLabelAngle()

    To get LabelAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getLabelAngle();
    };

    getLabelDistanceFromScale()

    To get LabelDistanceFromScale

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getLabelDistanceFromScale();
    };

    getLabelPlacement()

    To get LabelPlacement

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getLabelPlacement();
    };

    getLabelStyle()

    To get LabelStyle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getLabelStyle();
    };

    getMajorIntervalValue()

    To get MajorIntervalValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getMajorIntervalValue();
    };

    getMarkerDistanceFromScale()

    To get MarkerDistanceFromScale

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getMarkerDistanceFromScale();
    };

    getMarkerStyle()

    To get MarkerStyle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getMarkerStyle();
    };

    getMaximumValue()

    To get MaximumValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getMaximumValue();
    };

    getMinimumValue()

    To get MinimumValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getMinimumValue();
    };

    getMinorIntervalValue()

    To get MinorIntervalValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getMinorIntervalValue();
    };

    getNeedleStyle()

    To get NeedleStyle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getNeedleStyle();
    };

    getPointerCapBorderWidth()

    To get PointerCapBorderWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getPointerCapBorderWidth();
    };

    getPointerCapRadius()

    To get PointerCapRadius

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getPointerCapRadius();
    };

    getPointerLength()

    To get PointerLength

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getPointerLength();
    };

    getPointerNeedleType()

    To get PointerNeedleType

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getPointerNeedleType();
    };

    getPointerPlacement()

    To get PointerPlacement

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getPointerPlacement();
    };

    getPointerValue()

    To get PointerValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getPointerValue();
    };

    getPointerWidth()

    To get PointerWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getPointerWidth();
    };

    getRangeBorderWidth()

    To get RangeBorderWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getRangeBorderWidth();
    };

    getRangeDistanceFromScale()

    To get RangeDistanceFromScale

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getRangeDistanceFromScale();
    };

    getRangeEndValue()

    To get RangeEndValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getRangeEndValue();
    };

    getRangePosition()

    To get RangePosition

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getRangePosition();
    };

    getRangeSize()

    To get RangeSize

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getRangeSize();
    };

    getRangeStartValue()

    To get RangeStartValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getRangeStartValue();
    };

    getScaleBarSize()

    To get ScaleBarSize

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getScaleBarSize();
    };

    getScaleBorderWidth()

    To get ScaleBorderWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getScaleBorderWidth();
    };

    getScaleDirection()

    To get ScaleDirection

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getScaleDirection();
    };

    getScaleRadius()

    To get ScaleRadius

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getScaleRadius();
    };

    getStartAngle()

    To get StartAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getStartAngle();
    };

    getSubGaugeLocation()

    To get SubGaugeLocation

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getSubGaugeLocation();
    };

    getSweepAngle()

    To get SweepAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getSweepAngle();
    };

    getTickAngle()

    To get TickAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getTickAngle();
    };

    getTickDistanceFromScale()

    To get TickDistanceFromScale

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getTickDistanceFromScale();
    };

    getTickHeight()

    To get TickHeight

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getTickHeight();
    };

    getTickPlacement()

    To get TickPlacement

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getTickPlacement();
    };

    getTickStyle()

    To get TickStyle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getTickStyle();
    };

    getTickWidth()

    To get TickWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.getTickWidth();
    };

    includeFirstValue()

    To set includeFirstValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.includeFirstValue();
    };

    redraw()

    Switching the redraw option for the gauge

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.redraw();
    };

    setBackNeedleLength()

    To set BackNeedleLength

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setBackNeedleLength();
    };

    setCustomLabelAngle()

    To set CustomLabelAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setCustomLabelAngle();
    };

    setCustomLabelValue()

    To set CustomLabelValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setCustomLabelValue();
    };

    setLabelAngle()

    To set LabelAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setLabelAngle();
    };

    setLabelDistanceFromScale()

    To set LabelDistanceFromScale

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setLabelDistanceFromScale();
    };

    setLabelPlacement()

    To set LabelPlacement

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setLabelPlacement();
    };

    setLabelStyle()

    To set LabelStyle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setLabelStyle();
    };

    setMajorIntervalValue()

    To set MajorIntervalValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setMajorIntervalValue();
    };

    setMarkerDistanceFromScale()

    To set MarkerDistanceFromScale

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setMarkerDistanceFromScale();
    };

    setMarkerStyle()

    To set MarkerStyle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setMarkerStyle();
    };

    setMaximumValue()

    To set MaximumValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setMaximumValue();
    };

    setMinimumValue()

    To set MinimumValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setMinimumValue();
    };

    setMinorIntervalValue()

    To set MinorIntervalValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setMinorIntervalValue();
    };

    setNeedleStyle()

    To set NeedleStyle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setNeedleStyle();
    };

    setPointerCapBorderWidth()

    To set PointerCapBorderWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setPointerCapBorderWidth();
    };

    setPointerCapRadius()

    To set PointerCapRadius

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setPointerCapRadius();
    };

    setPointerLength()

    To set PointerLength

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setPointerLength();
    };

    setPointerNeedleType()

    To set PointerNeedleType

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setPointerNeedleType();
    };

    setPointerPlacement()

    To set PointerPlacement

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setPointerPlacement();
    };

    setPointerValue()

    To set PointerValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setPointerValue();
    };

    setPointerWidth()

    To set PointerWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setPointerWidth();
    };

    setRangeBorderWidth()

    To set RangeBorderWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setRangeBorderWidth();
    };

    setRangeDistanceFromScale()

    To set RangeDistanceFromScale

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setRangeDistanceFromScale();
    };

    setRangeEndValue()

    To set RangeEndValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setRangeEndValue();
    };

    setRangePosition()

    To set RangePosition

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setRangePosition();
    };

    setRangeSize()

    To set RangeSize

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setRangeSize();
    };

    setRangeStartValue()

    To set RangeStartValue

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setRangeStartValue();
    };

    setScaleBarSize()

    To set ScaleBarSize

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setScaleBarSize();
    };

    setScaleBorderWidth()

    To set ScaleBorderWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setScaleBorderWidth();
    };

    setScaleDirection()

    To set ScaleDirection

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setScaleDirection();
    };

    setScaleRadius()

    To set ScaleRadius

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setScaleRadius();
    };

    setStartAngle()

    To set StartAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setStartAngle();
    };

    setSubGaugeLocation()

    To set SubGaugeLocation

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setSubGaugeLocation();
    };

    setSweepAngle()

    To set SweepAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setSweepAngle();
    };

    setTickAngle()

    To set TickAngle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setTickAngle();
    };

    setTickDistanceFromScale()

    To set TickDistanceFromScale

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setTickDistanceFromScale();
    };

    setTickHeight()

    To set TickHeight

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setTickHeight();
    };

    setTickPlacement()

    To set TickPlacement

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setTickPlacement();
    };

    setTickStyle()

    To set TickStyle

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setTickStyle();
    };

    setTickWidth()

    To set TickWidth

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default"></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function CircularGaugeMethod(){
        var circularObj = $("#default").data("ejCircularGauge");
        circularObj.setTickWidth();
    };

    Events

    drawCustomLabel

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

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" drawCustomLabel = {DrawCustomLabel} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function DrawCustomLabel(){
        // Do Something
    };

    drawIndicators

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

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" drawIndicators = {DrawIndicators} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function DrawIndicators(){
        // Do Something
    };

    drawLabels

    Triggers while the labels are being drawn on the gauge.

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" drawLabels = {DrawLabels} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function DrawLabels(){
        // Do Something
    };

    drawPointerCap

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

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" drawPointerCap = {DrawPointerCap} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function DrawPointerCap(){
        // Do Something
    };

    drawPointers

    Triggers while the pointers are being drawn on the gauge.

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" drawPointers = {DrawPointers} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function DrawPointers(){
        // Do Something
    };

    drawRange

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

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" drawRange = {DrawRange} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function DrawRange(){
        // Do Something
    };

    drawTicks

    Triggers while the ticks are being drawn on the gauge.

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" drawTicks = {DrawTicks} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function DrawTicks(){
        // Do Something
    };

    load

    Triggers while the gauge start to Load.

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" load = {Load} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function Load(){
        // Do Something
    };

    mouseClick

    Triggers when the left mouse button is clicked.

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" mouseClick = {MouseClick} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function MouseClick(){
        // Do Something
    };

    mouseClickMove

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

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" drawCustomLabel = {MouseClickMove} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function MouseClickMove(){
        // Do Something
    };

    mouseClickUp

    Triggers when the mouse click is released.

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" mouseClickUp = {MouseClickUp} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function MouseClickUp(){
        // Do Something
    };

    renderComplete

    Triggers when the rendering of the gauge is completed.

  • html
  • <div id="circular"></div>
  • javascript
  • ReactDOM.render(
        <EJ.CircularGauge id="default" renderComplete = {RenderComplete} ></EJ.CircularGauge>,
    	document.getElementById('circular')
    );
    
    function RenderComplete(){
        // Do Something
    };