##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>