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
};