Methods

destroy()

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

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.destroy();
};

exportImage()

To export Image

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.exportImage();
};

getBarDistanceFromScale()

To get Bar Distance From Scale in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getBarDistanceFromScale();
};

getBarPointerValue()

To get Bar Pointer Value in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getBarPointerValue();
};

getBarWidth()

To get Bar Width in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getBarWidth();
};

getCustomLabelAngle()

To get CustomLabel Angle in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getCustomLabelAngle();
};

getCustomLabelValue()

To get CustomLabel Value in string

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getCustomLabelValue();
};

getLabelAngle()

To get Label Angle in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getLabelAngle();
};

getLabelPlacement()

To get LabelPlacement in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getLabelPlacement();
};

getLabelStyle()

To get LabelStyle in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getLabelStyle();
};

getLabelXDistanceFromScale()

To get Label XDistance From Scale in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getLabelXDistanceFromScale();
};

getLabelYDistanceFromScale()

To get PointerValue in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getLabelYDistanceFromScale();
};

getMajorIntervalValue()

To get Major Interval Value in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getMajorIntervalValue();
};

getMarkerStyle()

To get MarkerStyle in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getMarkerStyle();
};

getMaximumValue()

To get Maximum Value in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getMaximumValue();
};

getMinimumValue()

To get PointerValue in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getMinimumValue();
};

getMinorIntervalValue()

To get Minor Interval Value in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getMinorIntervalValue();
};

getPointerDistanceFromScale()

To get Pointer Distance From Scale in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getPointerDistanceFromScale();
};

getPointerHeight()

To get PointerHeight in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getPointerHeight();
};

getPointerPlacement()

To get Pointer Placement in String

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getPointerPlacement();
};

getPointerValue()

To get PointerValue in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getPointerValue();
};

getPointerWidth()

To get PointerWidth in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getPointerWidth();
};

getRangeBorderWidth()

To get Range Border Width in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getRangeBorderWidth();
};

getRangeDistanceFromScale()

To get Range Distance From Scale in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getRangeDistanceFromScale();
};

getRangeEndValue()

To get Range End Value in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getRangeEndValue();
};

getRangeEndWidth()

To get Range End Width in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getRangeEndWidth();
};

getRangePosition()

To get Range Position in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getRangePosition();
};

getRangeStartValue()

To get Range Start Value in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getRangeStartValue();
};

getRangeStartWidth()

To get Range Start Width in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getRangeStartWidth();
};

getScaleBarLength()

To get ScaleBarLength in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getScaleBarLength();
};

getScaleBarSize()

To get Scale Bar Size in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getScaleBarSize();
};

getScaleBorderWidth()

To get Scale Border Width in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getScaleBorderWidth();
};

getScaleDirection()

To get Scale Direction in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getScaleDirection();
};

getScaleLocation()

To get Scale Location in object

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getScaleLocation();
};

getScaleStyle()

To get Scale Style in string

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getScaleStyle();
};

getTickAngle()

To get Tick Angle in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getTickAngle();
};

getTickHeight()

To get Tick Height in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getTickHeight();
};

getTickPlacement()

To get getTickPlacement in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getTickPlacement();
};

getTickStyle()

To get Tick Style in string

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getTickStyle();
};

getTickWidth()

To get Tick Width in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getTickWidth();
};

getTickXDistanceFromScale()

To get get Tick XDistance From Scale in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getTickXDistanceFromScale();
};

getTickYDistanceFromScale()

To get Tick YDistance From Scale in number

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.getTickYDistanceFromScale();
};

scales()

Specifies the scales.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.scales();
};

setBarDistanceFromScale()

To set setBarDistanceFromScale

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setBarDistanceFromScale();
};

setBarPointerValue()

To set setBarPointerValue

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setBarPointerValue();
};

setBarWidth()

To set setBarWidth

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setBarWidth();
};

setCustomLabelAngle()

To set setCustomLabelAngle

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setCustomLabelAngle();
};

setCustomLabelValue()

To set setCustomLabelValue

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setCustomLabelValue();
};

setLabelAngle()

To set setLabelAngle

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setLabelAngle();
};

setLabelPlacement()

To set setLabelPlacement

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setLabelPlacement();
};

setLabelStyle()

To set setLabelStyle

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setLabelStyle();
};

setLabelXDistanceFromScale()

To set setLabelXDistanceFromScale

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setLabelXDistanceFromScale();
};

setLabelYDistanceFromScale()

To set setLabelYDistanceFromScale

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setLabelYDistanceFromScale();
};

setMajorIntervalValue()

To set setMajorIntervalValue

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setMajorIntervalValue();
};

setMarkerStyle()

To set setMarkerStyle

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setMarkerStyle();
};

setMaximumValue()

To set setMaximumValue

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setMaximumValue();
};

setMinimumValue()

To set setMinimumValue

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setMinimumValue();
};

setMinorIntervalValue()

To set setMinorIntervalValue

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setMinorIntervalValue();
};

setPointerDistanceFromScale()

To set setPointerDistanceFromScale

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setPointerDistanceFromScale();
};

setPointerHeight()

To set PointerHeight

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setPointerHeight();
};

setPointerPlacement()

To set setPointerPlacement

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setPointerPlacement();
};

setPointerValue()

To set PointerValue

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setPointerValue();
};

setPointerWidth()

To set PointerWidth

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setPointerWidth();
};

setRangeBorderWidth()

To set setRangeBorderWidth

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setRangeBorderWidth();
};

setRangeDistanceFromScale()

To set setRangeDistanceFromScale

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setRangeDistanceFromScale();
};

setRangeEndValue()

To set setRangeEndValue

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setRangeEndValue();
};

setRangeEndWidth()

To set setRangeEndWidth

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setRangeEndWidth();
};

setRangePosition()

To set setRangePosition

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setRangePosition();
};

setRangeStartValue()

To set setRangeStartValue

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setRangeStartValue();
};

setRangeStartWidth()

To set setRangeStartWidth

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setRangeStartWidth();
};

setScaleBarLength()

To set setScaleBarLength

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setScaleBarLength();
};

setScaleBarSize()

To set setScaleBarSize

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setScaleBarSize();
};

setScaleBorderWidth()

To set setScaleBorderWidth

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setScaleBorderWidth();
};

setScaleDirection()

To set setScaleDirection

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setScaleDirection();
};

setScaleLocation()

To set setScaleLocation

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setScaleLocation();
};

setScaleStyle()

To set setScaleStyle

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setScaleStyle();
};

setTickAngle()

To set setTickAngle

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setTickAngle();
};

setTickHeight()

To set setTickHeight

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setTickHeight();
};

setTickPlacement()

To set setTickPlacement

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setTickPlacement();
};

setTickStyle()

To set setTickStyle

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setTickStyle();
};

setTickWidth()

To set setTickWidth

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setTickWidth();
};

setTickXDistanceFromScale()

To set setTickXDistanceFromScale

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setTickXDistanceFromScale();
};

setTickYDistanceFromScale()

To set setTickYDistanceFromScale

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default"></EJ.LinearGauge>,
	document.getElementById('linear')
);

function LinearGaugeMethod(){
    var linearObj = $("#default").data("ejLinearGauge");
    linearObj.setTickYDistanceFromScale();
};

Events

drawBarPointers

Triggers while the bar pointer are being drawn on the gauge.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" drawBarPointers = {DrawBarPointers}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function DrawBarPointers(){
    // Do Something
};

drawCustomLabel

Triggers while the customLabel are being drawn on the gauge.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" drawCustomLabel = {DrawCustomLabel}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function DrawCustomLabel(){
    // Do Something
};

drawIndicators

Triggers while the Indicator are being drawn on the gauge.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" drawIndicators = {DrawIndicators}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function DrawIndicators(){
     // Do Something
};

drawLabels

Triggers while the label are being drawn on the gauge.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" drawLabels = {DrawLabels}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function DrawLabels(){
     // Do Something
};

drawMarkerPointers

Triggers while the marker are being drawn on the gauge.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" drawMarkerPointers={DrawMarkerPointers}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function DrawMarkerPointers(){
     // Do Something
};

drawRange

Triggers while the range are being drawn on the gauge.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" drawRange = {DrawRange}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function DrawRange(){
      // Do Something
};

drawTicks

Triggers while the ticks are being drawn on the gauge.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" drawTicks = {DrawTicks}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function DrawTicks(){
     // Do Something
};

init

Triggers when the gauge is initialized.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" init = {Init}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function Init(){
      // Do Something
};

load

Triggers while the gauge start to Load.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" load = {Load}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function Load(){
      // Do Something
};

mouseClick

Triggers when the left mouse button is clicked.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" mouseClick = {MouseClick}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function MouseClick(){
      // Do Something
};

mouseClickMove

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

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" mouseClickMove={MouseClickMove}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function MouseClickMove(){
      // Do Something
};

mouseClickUp

Triggers when the mouse click is released.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" mouseClickUp = {MouseClickUp}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function MouseClickUp(){
      // Do Something
};

renderComplete

Triggers while the rendering of the gauge completed.

HTML

<div id="linear"></div>

JAVASCRIPT

ReactDOM.render(
    <EJ.LinearGauge id="default" renderComplete = {RenderComplete}></EJ.LinearGauge>,
	document.getElementById('linear')
);

function RenderComplete(){
    // Do Something
};