##Events

DrawBarPointers

Triggers while the bar pointer are being drawn on the gauge, you can use DrawBarPointers event.

HTML

<div ng-controller="LinearGauge">
    <div id="container" style="width: 100%" e-drawBarPointers="onDrawBarPointers"></div>
</div>

JS

angular.controller('LinearGauge', function ($scope) {    
    $scope.onDrawBarPointers = "DrawBarPointers";    
});
 
function DrawBarPointers(){
    // Do Something
}

DrawCustomLabel

Triggers while the customLabel are being drawn on the gauge, you can use DrawCustomLabel event.

HTML

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

JS

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

DrawIndicators

Triggers while the Indicator are being drawn on the gauge, you can use DrawIndicators event.

HTML

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

JS

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

DrawLabels

Triggers while the label are being drawn on the gauge, you can use DrawLabels event.

HTML

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

JS

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

DrawMarkerPointers

Triggers while the marker are being drawn on the gauge, you can use DrawMarkerPointers event.

HTML

<div ng-controller="LinearGauge">
    <div id="container" style="width: 100%" e-drawMarkerPointers="onDrawMarkerPointers"></div>
</div>

JS

angular.controller('LinearGauge', function ($scope) {    
    $scope.onDrawMarkerPointers = "DrawMarkerPointers";    
});
 
function DrawMarkerPointers(){
    // Do Something
}

DrawRange

Triggers while the range are being drawn on the gauge, you can use DrawRange event.

HTML

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

JS

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

DrawTicks

Triggers while the ticks are being drawn on the gauge, you can use DrawTicks event.

HTML

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

JS

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

Init

Triggers when the gauge is initialized, you can use Init event.

HTML

<div ng-controller="LinearGauge">
    <div id="container" style="width: 100%" e-init="onInit"></div>
</div>

JS

angular.controller('LinearGauge', function ($scope) {    
    $scope.onInit = "Init";    
});
 
function Init(){
    // Do Something
}

Load

Triggers while the gauge start to Load, you can use Load event.

HTML

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

JS

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

MouseClick

Triggers when the left mouse button is clicked, you can use MouseClick event.

HTML

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

JS

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

MouseClickMove

Triggers when clicking and dragging the mouse pointer over the gauge pointer, you can use MouseClickMove event.

HTML

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

JS

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

MouseClickUp

Triggers when the mouse click is released, you can use MouseClickUp event.

HTML

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

JS

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

RenderComplete

Triggers while the rendering of the gauge completed, you can use RenderComplete event.

HTML

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

JS

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

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="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.destroy();
</script>

getBarDistanceFromScale()

To get bar distance from scale in number, you can use getBarDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getBarDistanceFromScale();
</script>

getBarPointerValue()

To get Bar Pointer Value in number, you can use getBarPointerValuemethod.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getBarPointerValue();
</script>

getBarWidth()

To get Bar Width in number, you can use getBarWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getBarWidth();
</script>

getCustomLabelAngle()

To get CustomLabel Angle in number, you can use getCustomLabelAngle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getCustomLabelAngle();
</script>

getCustomLabelValue()

To get CustomLabel Value in string, you can use getCustomLabelValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getCustomLabelValue();
</script>

getLabelAngle()

To get Label Angle in number, you can use getLabelAngle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getLabelAngle();
</script>

getLabelPlacement()

To get LabelPlacement in number, you can use getLabelPlacement method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getLabelPlacement();
</script>

getLabelStyle()

To get LabelStyle in number, you can use getLabelStyle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getLabelStyle();
</script>

getLabelXDistanceFromScale()

To get Label XDistance From Scale in number, you can use getLabelXDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getLabelXDistanceFromScale();
</script>

getLabelYDistanceFromScale()

To get PointerValue in number, you can use getLabelXDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getLabelYDistanceFromScale();
</script>

getMajorIntervalValue()

To get Major Interval Value in number, you can use getMajorIntervalValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getMajorIntervalValue();
</script>

getMarkerStyle()

To get MarkerStyle in number, you can use getMarkerStyle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getMarkerStyle();
</script>

getMaximumValue()

To get Maximum Value in number, you can use getMaximumValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getMaximumValue();
</script>

getMinimumValue()

To get PointerValue in number, you can use getMinimumValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getMinimumValue();
</script>

getMinorIntervalValue()

To get Minor Interval Value in number, you can use getMinorIntervalValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getMinorIntervalValue();
</script>

getPointerDistanceFromScale()

To get Pointer Distance From Scale in number, you can use getPointerDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getPointerDistanceFromScale();
</script>

getPointerHeight()

To get PointerHeight in number, you can use getPointerHeight method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getPointerHeight();
</script>

getPointerPlacement()

To get Pointer Placement in String, you can use getPointerPlacement method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getPointerPlacement();
</script>

getPointerValue()

To get PointerValue in number, you can use getPointerValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getPointerValue();
</script>

getPointerWidth()

To get PointerWidth in number, you can use getPointerWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getPointerWidth();
</script>

getRangeBorderWidth()

To get Range Border Width in number, you can use getRangeBorderWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getRangeBorderWidth();
</script>

getRangeDistanceFromScale()

To get Range Distance From Scale in number, you can use getRangeDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getRangeDistanceFromScale();
</script>

getRangeEndValue()

To get Range End Value in number, you can use getRangeEndValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getRangeEndValue();
</script>

getRangeEndWidth()

To get Range End Width in number, you can use getRangeEndWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getRangeEndWidth();
</script>

getRangePosition()

To get Range Position in number, you can use getRangePosition method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getRangePosition();
</script>

getRangeStartValue()

To get Range Start Value in number, you can use getRangeStartValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getRangeStartValue();
</script>

getRangeStartWidth()

To get Range Start Width in number, you can use getRangeStartWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getRangeStartWidth();
</script>

getScaleBarLength()

To get ScaleBarLength in number, you can use getScaleBarLength method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getScaleBarLength();
</script>

getScaleBarSize()

To get Scale Bar Size in number, you can use getScaleBarSize method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getScaleBarSize();
</script>

getScaleBorderWidth()

To get Scale Border Width in number, you can use getScaleBorderWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getScaleBorderWidth();
</script>

getScaleDirection()

To get Scale Direction in number, you can use getScaleDirection method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getScaleDirection();
</script>

getScaleLocation()

To get Scale Location in object, you can use getScaleLocation method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getScaleLocation();
</script>

getScaleStyle()

To get Scale Style in string, you can use getScaleStyle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getScaleStyle();
</script>

getTickAngle()

To get Tick Angle in number, you can use getTickAngle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getTickAngle();
</script>

getTickHeight()

To get Tick Height in number, you can use getTickHeight method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getTickHeight();
</script>

getTickPlacement()

To get getTickPlacement in number, you can use getTickPlacement method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getTickPlacement();
</script>

getTickStyle()

To get Tick Style in string, you can use getTickStyle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getTickStyle();
</script>

getTickWidth()

To get Tick Width in number, you can use getTickWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getTickWidth();
</script>

getTickXDistanceFromScale()

To get get Tick XDistance From Scale in number, you can use getTickXDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getTickXDistanceFromScale();
</script>

getTickYDistanceFromScale()

To get Tick YDistance From Scale in number, you can use getTickYDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.getTickYDistanceFromScale();
</script>

scales()

Specifies the scales, you can use scales method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.scales();
</script>

setBarDistanceFromScale()

To set setBarDistanceFromScale, you can use setBarDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setBarDistanceFromScale();
</script>

setBarPointerValue()

To set setBarPointerValue, you can use setBarPointerValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setBarPointerValue();
</script>

setBarWidth()

To set setBarWidth, you can use setBarWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setBarWidth();
</script>

setCustomLabelAngle()

To set setCustomLabelAngle, you can use setCustomLabelAngle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setCustomLabelAngle();
</script>

setCustomLabelValue()

To set setCustomLabelValue, you can use setCustomLabelValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setCustomLabelValue();
</script>

setLabelAngle()

To set setLabelAngle, you can use setLabelAngle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setLabelAngle();
</script>

setLabelPlacement()

To set setLabelPlacement, you can use setLabelPlacement method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setLabelPlacement();
</script>

setLabelStyle()

To set setLabelStyle, you can use setLabelStyle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setLabelStyle();
</script>

setLabelXDistanceFromScale()

To set setLabelXDistanceFromScale, you can use setLabelXDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setLabelXDistanceFromScale();
</script>

setLabelYDistanceFromScale()

To set setLabelYDistanceFromScale, you can use setLabelYDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setLabelYDistanceFromScale();
</script>

setMajorIntervalValue()

To set setMajorIntervalValue, you can use setMajorIntervalValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setMajorIntervalValue();
</script>

setMarkerStyle()

To set setMarkerStyle, you can use setMarkerStyle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setMarkerStyle();
</script>

setMaximumValue()

To set setMaximumValue, you can use setMaximumValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setMaximumValue();
</script>

setMinimumValue()

To set setMinimumValue, you can use setMinimumValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setMinimumValue();
</script>

setMinorIntervalValue()

To set setMinorIntervalValue, you can use setMinorIntervalValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setMinorIntervalValue();
</script>

setPointerDistanceFromScale()

To set setPointerDistanceFromScale, you can use setPointerDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setPointerDistanceFromScale();
</script>

setPointerHeight()

To set PointerHeight, you can use setPointerHeight method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setPointerHeight();
</script>

setPointerPlacement()

To set setPointerPlacement, you can use setPointerPlacement method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setPointerPlacement();
</script>

setPointerValue()

To set PointerValue, you can use setPointerValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setPointerValue();
</script>

setPointerWidth()

To set PointerWidth, you can use setPointerWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setPointerWidth();
</script>

setRangeBorderWidth()

To set setRangeBorderWidth, you can use setRangeBorderWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setRangeBorderWidth();
</script>

setRangeDistanceFromScale()

To set setRangeDistanceFromScale, you can use setRangeDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setRangeDistanceFromScale();
</script>

setRangeEndValue()

To set setRangeEndValue, you can use setRangeEndValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setRangeEndValue();
</script>

setRangeEndWidth()

To set setRangeEndWidth, you can use setRangeEndWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setRangeEndWidth();
</script>

setRangePosition()

To set setRangePosition, you can use setRangePosition method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setRangePosition();
</script>

setRangeStartValue()

To set setRangeStartValue, you can use setRangeStartValue method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setRangeStartValue();
</script>

setRangeStartWidth()

To set setRangeStartWidth, you can use setRangeStartWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setRangeStartWidth();
</script>

setScaleBarLength()

To set setScaleBarLength, you can use setScaleBarLength method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setScaleBarLength();
</script>

setScaleBarSize()

To set setScaleBarSize, you can use setScaleBarSize method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setScaleBarSize();
</script>

setScaleBorderWidth()

To set setScaleBorderWidth, you can use setScaleBorderWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setScaleBorderWidth();
</script>

setScaleDirection()

To set setScaleDirection, you can use setScaleDirection method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setScaleDirection();
</script>

setScaleLocation()

To set setScaleLocation, you can use setScaleLocation method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setScaleLocation();
</script>

setScaleStyle()

To set setScaleStyle, you can use setScaleStyle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setScaleStyle();
</script>

setTickAngle()

To set setTickAngle, you can use setTickAngle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setTickAngle();
</script>

setTickHeight()

To set setTickHeight, you can use setTickHeight method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setTickHeight();
</script>

setTickPlacement()

To set setTickPlacement, you can use setTickPlacement method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setTickPlacement();
</script>

setTickStyle()

To set setTickStyle, you can use setTickStyle method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setTickStyle();
</script>

setTickWidth()

To set setTickWidth, you can use setTickWidth method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setTickWidth();
</script>

setTickXDistanceFromScale()

To set setTickXDistanceFromScale, you can use setTickXDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setTickXDistanceFromScale();
</script>

setTickYDistanceFromScale()

To set setTickYDistanceFromScale, you can use setTickYDistanceFromScale method.

HTML

<div id="LinearGauge1">
    <ej-lineargauge></ej-lineargauge>
</div>

<script>
    var linear = $("#LinearGauge1").data("ejLinearGauge");
    linear.setTickYDistanceFromScale();
</script>