Events

drawBarPointers

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

Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       drawBarPointers: function (args) {}
    });
    </script>

    drawCustomLabel

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       drawCustomLabel: function (args) {}
    });
    </script>

    drawIndicators

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       drawIndicators: function (args) {}
    });
    </script>

    drawLabels

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       drawLabels: function (args) {}
    });
    </script>

    drawMarkerPointers

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       drawMarkerPointers: function (args) {}
    });
    </script>

    drawRange

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       drawRange: function (args) {}
    });
    </script>

    drawTicks

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       drawTicks: function (args) {}
    });
    </script>

    init

    Triggers when the gauge is initialized, you can use initevent.

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       init: function (args) {}
    });
    </script>

    load

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       load: function (args) {}
    });
    </script>

    mouseClick

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

    Example

  • html
  • <div id="LinearGauge1">
    </div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       mouseClick: function (args) {}
    });
    </script>

    mouseClickMove

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

    Example

  • html
  • <div id="LinearGauge1">
    </div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       mouseClickMove: function (args) {}
    });
    </script>

    mouseClickUp

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

    Example

  • html
  • <div id="LinearGauge1">
    </div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       mouseClickUp: function (args) {}
    });
    </script>

    renderComplete

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
       renderComplete: function (args) {}
    });
    </script>

    doubleClick

    Triggers when the double click is released, you can use doubleClick event.

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
    
        doubleClick: function (args) {
                  //Do something
        }
       
    });
    </script>

    rightClick

    Triggers when the right click is released, you can use rightClick event.

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge({
        rightClick: function (args) {
                  //Do something
        }
       
    });
    </script>

    Methods

    destroy()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var linearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    linearGaugeObj.destroy();
    </script>

    getBarDistanceFromScale()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({value:50});
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getBarDistanceFromScale(0,0);
    </script>

    getBarPointerValue()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({value:50});
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getBarPointerValue(0,0);
    </script>

    getBarWidth()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({value:50});
    // get Bar Width in number
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getBarWidth(0,0);
    </script>

    getCustomLabelAngle()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({  scales:[{showCustomLabels:true,customLabels: [{ value:"MyLabel", position:{x:49,y:100}, color:"#fc0606", font: { size: "20px",fontFamily: "Arial", fontStyle: "bold" }}]}]});
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getCustomLabelAngle(0,0);
    </script>

    getCustomLabelValue()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({  scales:[{showCustomLabels:true,customLabels: [{ value:"MyLabel", position:{x:49,y:100}, color:"#fc0606", font: { size: "20px",fontFamily: "Arial", fontStyle: "bold" }}]}]});
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getCustomLabelValue(0,0);
    </script>

    getLabelAngle()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getLabelAngle(0,0);
    </script>

    getLabelPlacement()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getLabelPlacement(0,0);
    </script>

    getLabelStyle()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getLabelStyle(0,0);
    </script>

    getLabelXDistanceFromScale()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getLabelXDistanceFromScale(0,0);
    </script>

    getLabelYDistanceFromScale()

    getLabelYDistanceFromScale()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getLabelYDistanceFromScale(0,0);
    </script>

    getMajorIntervalValue()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getMajorIntervalValue(0);
    </script>

    getMarkerStyle()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getMarkerStyle(0,0);
    </script>

    getMaximumValue()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getMaximumValue(0);
    </script>

    getMinimumValue()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getMinimumValue(0,0);
    </script>

    getMinorIntervalValue()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getMinorIntervalValue(0);
    </script>

    getPointerDistanceFromScale()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getPointerDistanceFromScale(0,0);
    </script>

    getPointerHeight()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getPointerHeight(0,0);
    </script>

    getPointerPlacement()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getPointerPlacement(0,0);
    </script>

    getPointerValue()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getPointerValue(0,0);
    </script>

    getPointerWidth()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getPointerWidth(0,0);
    </script>

    getRangeBorderWidth()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getRangeBorderWidth(0,0);
    </script>

    getRangeDistanceFromScale()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getRangeDistanceFromScale(0,0);
    </script>

    getRangeEndValue()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getRangeEndValue(0,0);
    </script>

    getRangeEndWidth()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getRangeEndWidth(0,0);
    </script>

    getRangePosition()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getRangePosition(0,0);
    </script>

    getRangeStartValue()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getRangeStartValue(0,0);
    </script>

    getRangeStartWidth()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getRangeStartWidth(0,0);
    </script>

    getScaleBarLength()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getScaleBarLength(0);
    </script>

    getScaleBarSize()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getScaleBarSize(0,0);
    </script>

    getScaleBorderWidth()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getScaleBorderWidth(0);
    </script>

    getScaleDirection()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getScaleDirection(0,0);
    </script>

    getScaleLocation()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getScaleLocation(0);
    </script>

    getScaleStyle()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getScaleStyle(0);
    </script>

    getTickAngle()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getTickAngle(0,0);
    </script>

    getTickHeight()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getTickHeight(0,0);
    </script>

    getTickPlacement()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getTickPlacement(0,0);
    </script>

    getTickStyle()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getTickStyle(0,0);
    </script>

    getTickWidth()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getTickWidth(0,0);
    </script>

    getTickXDistanceFromScale()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getTickXDistanceFromScale(0,0);
    </script>

    getTickYDistanceFromScale()

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

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.getTickYDistanceFromScale(0,0);
    </script>

    scales()

    Specifies the scales, you can use scales method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
     
    <script>
            $("#LinearGauge1").ejLinearGauge({  scales:[{minimum:5}]});
    </script>

    setBarDistanceFromScale()

    To set setBarDistanceFromScale, you can use setBarDistanceFromScale method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setBarDistanceFromScale(0,0,30);
    </script>

    setBarPointerValue()

    To set setBarPointerValue, you can use setBarPointerValue method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setBarPointerValue(0,0,30);
    </script>

    setBarWidth()

    To set setBarWidth, you can use setBarWidth method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setBarWidth(0,0,30);
    </script>

    setCustomLabelAngle()

    To set setCustomLabelAngle, you can use setCustomLabelAngle method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({  scales:[{showCustomLabels:true,customLabels: [{ value:"MyLabel", position:{x:49,y:100}, color:"#fc0606", font: { size: "20px",fontFamily: "Arial", fontStyle: "bold" }}]}]});
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setCustomLabelAngle(0,0,30);
    </script>

    setCustomLabelValue()

    To set setCustomLabelValue, you can use setCustomLabelValue method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({  scales:[{showCustomLabels:true,customLabels: [{ value:"MyLabel", position:{x:49,y:100}, color:"#fc0606", font: { size: "20px",fontFamily: "Arial", fontStyle: "bold" }}]}]});
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setCustomLabelValue(0,0,"text");
    </script>

    setLabelAngle()

    To set setLabelAngle, you can use setLabelAngle method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setLabelAngle(0,0,20);
    </script>

    setLabelPlacement()

    To set setLabelPlacement, you can use setLabelPlacement method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setLabelPlacement(0,0,"far");
    </script>

    setLabelStyle()

    To set setLabelStyle, you can use setLabelStyle method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setLabelStyle(0,0,"major");
    </script>

    setLabelXDistanceFromScale()

    To set setLabelXDistanceFromScale, you can use setLabelXDistanceFromScale method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setLabelXDistanceFromScale(0,0,20);
    </script>

    setLabelYDistanceFromScale()

    To set setLabelYDistanceFromScale, you can use setLabelYDistanceFromScale method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setLabelYDistanceFromScale(0,0,20);
    </script>

    setMajorIntervalValue()

    To set setMajorIntervalValue, you can use setMajorIntervalValue method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setMajorIntervalValue(0,5);
    </script>

    setMarkerStyle()

    To set setMarkerStyle, you can use setMarkerStyle method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setMarkerStyle(0,0,"triangle");
    </script>

    setMaximumValue()

    To set setMaximumValue, you can use setMaximumValue method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setMaximumValue(0,20);
    </script>

    setMinimumValue()

    To set setMinimumValue, you can use setMinimumValue method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setMinimumValue(0,20);
    </script>

    setMinorIntervalValue()

    To set setMinorIntervalValue, you can use setMinorIntervalValue method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setMinorIntervalValue(0,2);
    </script>

    setPointerDistanceFromScale()

    To set setPointerDistanceFromScale, you can use setPointerDistanceFromScale method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setPointerDistanceFromScale(0,0,30);
    </script>

    setPointerHeight()

    To set PointerHeight, you can use setPointerHeight method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setPointerHeight(0,0,30);
    </script>

    setPointerPlacement()

    To set setPointerPlacement, you can use setPointerPlacement method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setPointerPlacement(0,0,"far");
    </script>

    setPointerValue()

    To set PointerValue, you can use setPointerValue method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setPointerValue(0,0,30);
    </script>

    setPointerWidth()

    To set PointerWidth, you can use setPointerWidth method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setPointerWidth(0,0,30);
    </script>

    setRangeBorderWidth()

    To set setRangeBorderWidth, you can use setRangeBorderWidth method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setRangeBorderWidth(0,0,2);
    </script>

    setRangeDistanceFromScale()

    To set setRangeDistanceFromScale, you can use setRangeDistanceFromScale method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setRangeDistanceFromScale(0,0,20);
    </script>

    setRangeEndValue()

    To set setRangeEndValue, you can use setRangeEndValue method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setRangeEndValue(0,0,20);
    </script>

    setRangeEndWidth()

    To set setRangeEndWidth, you can use setRangeEndWidth method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setRangeEndWidth(0,0,20);
    </script>

    setRangePosition()

    To set setRangePosition, you can use setRangePosition method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setRangePosition(0,0,20);
    </script>

    setRangeStartValue()

    To set setRangeStartValue, you can use setRangeStartValue method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setRangeStartValue(0,0,20);
    </script>

    setRangeStartWidth()

    To set setRangeStartWidth, you can use setRangeStartWidth method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge({ scales: [{ showBarPointers: false, width: 3, length: 310, showRanges: true,ranges: [{ startWidth: 10, endWidth: 20, endValue: 60, startValue: 0, backgroundColor: "#E94649" }] }] });
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setRangeStartWidth(0,0,20);
    </script>

    setScaleBarLength()

    To set setScaleBarLength, you can use setScaleBarLength method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setScaleBarLength(0,150);
    </script>

    setScaleBarSize()

    To set setScaleBarSize, you can use setScaleBarSize method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setScaleBarSize(0,20);
    </script>

    setScaleBorderWidth()

    To set setScaleBorderWidth, you can use setScaleBorderWidth method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setScaleBorderWidth(0,10);
    </script>

    setScaleDirection()

    To set setScaleDirection, you can use setScaleDirection method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setScaleDirection(0,"counterclockwise");
    </script>

    setScaleLocation()

    To set setScaleLocation, you can use setScaleLocation method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setScaleLocation(0,{x:20,y:20});
    </script>

    setScaleStyle()

    To set setScaleStyle, you can use setScaleStyle method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setScaleStyle(0,"thermometer");
    </script>

    setTickAngle()

    To set setTickAngle, you can use setTickAngle method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setTickAngle(0,0,20);
    </script>

    setTickHeight()

    To set setTickHeight, you can use setTickHeight method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setTickHeight(0,0,10);
    </script>

    setTickPlacement()

    To set setTickPlacement, you can use setTickPlacement method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setTickPlacement(0,0,"far");
    </script>

    setTickStyle()

    To set setTickStyle, you can use setTickStyle method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setTickStyle(0,0,"major");
    </script>

    setTickWidth()

    To set setTickWidth, you can use setTickWidth method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setTickWidth(0,0,5);
    </script>

    setTickXDistanceFromScale()

    To set setTickXDistanceFromScale, you can use setTickXDistanceFromScale method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setTickXDistanceFromScale(0,0,20);
    </script>

    setTickYDistanceFromScale()

    To set setTickYDistanceFromScale, you can use setTickYDistanceFromScale method.

    Example

  • html
  • <div id="LinearGauge1"></div> 
      
    <script>
    $("#LinearGauge1").ejLinearGauge();
    var LinearGaugeObj = $("#LinearGauge1").data("ejLinearGauge");
    LinearGaugeObj.setTickYDistanceFromScale(0,0,20);
    </script>