##Events

drawBarPointers

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

  • javascript
  • <script>
    
    //drawBarPointers event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  drawBarPointers: function () {
                     //..//
                    }
                });
            });
           
    </script>

    drawCustomLabel

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

  • javascript
  • <script>
    
    //drawCustomLabel event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  drawCustomLabel: function () {
                     //..//
                    }
                });
            });
           
    </script>

    drawIndicators

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

  • javascript
  • <script>
    
    //drawIndicators event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  drawIndicators: function () {
                     //..//
                    }
                });
            });
           
    </script>

    drawLabels

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

  • javascript
  • <script>
    
    //drawLabels event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  drawLabels: function () {
                     //..//
                    }
                });
            });
           
    </script>

    drawMarkerPointers

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

  • javascript
  • <script>
    
    //drawMarkerPointers event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  drawMarkerPointers: function () {
                     //..//
                    }
                });
            });
           
    </script>

    drawRange

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

  • javascript
  • <script>
    
    //drawRange event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  drawRange: function () {
                     //..//
                    }
                });
            });
           
    </script>

    drawTicks

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

  • javascript
  • <script>
    
    //drawTicks event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  drawTicks: function () {
                     //..//
                    }
                });
            });
           
    </script>

    init

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

  • javascript
  • <script>
    
    //init event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  init: function () {
                     //..//
                    }
                });
            });
           
    </script>

    load

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

  • javascript
  • <script>
    
    //load event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  load: function () {
                     //..//
                    }
                });
            });
           
    </script>

    mouseClick

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

  • javascript
  • <script>
    
    //mouseClick event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  mouseClick: function () {
                     //..//
                    }
                });
            });
           
    </script>

    mouseClickMove

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

  • javascript
  • <script>
    
    //mouseClickMove event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  mouseClickMove: function () {
                     //..//
                    }
                });
            });
           
    </script>

    mouseClickUp

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

  • javascript
  • <script>
    
    //mouseClickUp event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  mouseClickUp: function () {
                     //..//
                    }
                });
            });
           
    </script>

    renderComplete

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

  • javascript
  • <script>
    
    //renderComplete event for linear gauge
      $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#gauge"), {
                  renderComplete: function () {
                     //..//
                    }
                });
            });
           
    </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.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.destroy(); 
        });
    });
    }

    getBarDistanceFromScale()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getBarDistanceFromScale(); 
        });
    });
    }

    getBarPointerValue()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getBarPointerValue(); 
        });
    });
    }

    getBarWidth()

    To get Bar Width in number, you can use getBarWidthmethod.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getBarWidth(); 
        });
    });
    }

    getCustomLabelAngle()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getCustomLabelAngle(); 
        });
    });
    }

    getCustomLabelValue()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getCustomLabelValue(); 
        });
    });
    }

    getLabelAngle()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getLabelAngle(); 
        });
    });
    }

    getLabelPlacement()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getLabelPlacement(); 
        });
    });
    }

    getLabelStyle()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getLabelStyle(); 
        });
    });
    }

    getLabelXDistanceFromScale()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getLabelXDistanceFromScale(); 
        });
    });
    }

    getLabelYDistanceFromScale()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getLabelYDistanceFromScale(); 
        });
    });
    }

    getMajorIntervalValue()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getMajorIntervalValue(); 
        });
    });
    }

    getMarkerStyle()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getMarkerStyle(); 
        });
    });
    }

    getMaximumValue()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getMaximumValue(); 
        });
    });
    }

    getMinimumValue()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getMinimumValue(); 
        });
    });
    }

    getMinorIntervalValue()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getMinorIntervalValue(); 
        });
    });
    }

    getPointerDistanceFromScale()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getPointerDistanceFromScale(); 
        });
    });
    }

    getPointerHeight()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getPointerHeight(); 
        });
    });
    }

    getPointerPlacement()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getPointerPlacement(); 
        });
    });
    }

    getPointerValue()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getPointerValue(); 
        });
    });
    }

    getPointerWidth()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getPointerWidth(); 
        });
    });
    }

    getRangeBorderWidth()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getRangeBorderWidth(); 
        });
    });
    }

    getRangeDistanceFromScale()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getRangeDistanceFromScale(); 
        });
    });
    }

    getRangeEndValue()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getRangeEndValue(); 
        });
    });
    }

    getRangeEndWidth()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getRangeEndWidth(); 
        });
    });
    }

    getRangePosition()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getRangePosition(); 
        });
    });
    }

    getRangeStartValue()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getRangeStartValue(); 
        });
    });
    }

    getRangeStartWidth()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getRangeStartWidth(); 
        });
    });
    }

    getScaleBarLength()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getScaleBarLength(); 
        });
    });
    }

    getScaleBarSize()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getScaleBarSize(); 
        });
    });
    }

    getScaleBorderWidth()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getScaleBorderWidth(); 
        });
    });
    }

    getScaleDirection()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getScaleDirection(); 
        });
    });
    }

    getScaleLocation()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getScaleLocation(); 
        });
    });
    }

    getScaleStyle()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getScaleStyle(); 
        });
    });
    }

    getTickAngle()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getTickAngle(); 
        });
    });
    }

    getTickHeight()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getTickHeight(); 
        });
    });
    }

    getTickPlacement()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getTickPlacement(); 
        });
    });
    }

    getTickStyle()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getTickStyle(); 
        });
    });
    }

    getTickWidth()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getTickWidth(); 
        });
    });
    }

    getTickXDistanceFromScale()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getTickXDistanceFromScale(); 
        });
    });
    }

    getTickYDistanceFromScale()

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

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.getTickYDistanceFromScale(); 
        });
    });
    }

    scales()

    Specifies the scales, you can use scales method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.scales(); 
        });
    });
    }

    setBarDistanceFromScale()

    To set setBarDistanceFromScale, you can use setBarDistanceFromScale method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setBarDistanceFromScale(); 
        });
    });
    }

    setBarPointerValue()

    To set setBarPointerValue, you can use setBarPointerValuemethod.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setBarPointerValue(); 
        });
    });
    }

    setBarWidth()

    To set setBarWidth, you can use setBarWidth method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setBarWidth(); 
        });
    });
    }

    setCustomLabelAngle()

    To set setCustomLabelAngle, you can use setCustomLabelAngle method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setCustomLabelAngle(); 
        });
    });
    }

    setCustomLabelValue()

    To set setCustomLabelValue, you can use setCustomLabelValue method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setCustomLabelValue(); 
        });
    });
    }

    setLabelAngle()

    To set setLabelAngle, you can use setLabelAngle method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setLabelAngle(); 
        });
    });
    }

    setLabelPlacement()

    To set setLabelPlacement, you can use setLabelPlacementmethod.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setLabelPlacement(); 
        });
    });
    }

    setLabelStyle()

    To set setLabelStyle, you can use setLabelStyle method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setLabelStyle(); 
        });
    });
    }

    setLabelXDistanceFromScale()

    To set setLabelXDistanceFromScale, you can use setLabelXDistanceFromScale method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setLabelXDistanceFromScale(); 
        });
    });
    }

    setLabelYDistanceFromScale()

    To set setLabelYDistanceFromScale, you can use setLabelYDistanceFromScale method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setLabelYDistanceFromScale(); 
        });
    });
    }

    setMajorIntervalValue()

    To set setMajorIntervalValue, you can use setMajorIntervalValue method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setMajorIntervalValue(); 
        });
    });
    }

    setMarkerStyle()

    To set setMarkerStyle, you can use setMarkerStylemethod.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setMarkerStyle(); 
        });
    });
    }

    setMaximumValue()

    To set setMaximumValue, you can use setMaximumValue method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setMaximumValue(); 
        });
    });
    }

    setMinimumValue()

    To set setMinimumValue, you can use setMinimumValue method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setMinimumValue(); 
        });
    });
    }

    setMinorIntervalValue()

    To set setMinorIntervalValue, you can use setMinorIntervalValue method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setMinorIntervalValue(); 
        });
    });
    }

    setPointerDistanceFromScale()

    To set setPointerDistanceFromScale, you can use setPointerDistanceFromScale method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setPointerDistanceFromScale(); 
        });
    });
    }

    setPointerHeight()

    To set PointerHeight, you can use setPointerHeight method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setPointerHeight(); 
        });
    });
    }

    setPointerPlacement()

    To set setPointerPlacement, you can use setPointerPlacement method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setPointerPlacement(); 
        });
    });
    }

    setPointerValue()

    To set PointerValue, you can use setPointerValue method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setPointerValue(); 
        });
    });
    }

    setPointerWidth()

    To set PointerWidth, you can use setPointerWidth method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setPointerWidth(); 
        });
    });
    }

    setRangeBorderWidth()

    To set setRangeBorderWidth, you can use setRangeBorderWidth method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setRangeBorderWidth(); 
        });
    });
    }

    setRangeDistanceFromScale()

    To set setRangeDistanceFromScale, you can use setRangeDistanceFromScale method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setRangeDistanceFromScale(); 
        });
    });
    }

    setRangeEndValue()

    To set setRangeEndValue, you can use setRangeEndValue method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setRangeEndValue(); 
        });
    });
    }

    setRangeEndWidth()

    To set setRangeEndWidth, you can use setRangeEndWidth method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setRangeEndWidth(); 
        });
    });
    }

    setRangePosition()

    To set setRangePosition, you can use setRangePosition method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setRangePosition(); 
        });
    });
    }

    setRangeStartValue()

    To set setRangeStartValue, you can use setRangeStartValue method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setRangeStartValue(); 
        });
    });
    }

    setRangeStartWidth()

    To set setRangeStartWidth, you can use setRangeStartWidth method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setRangeStartWidth(); 
        });
    });
    }

    setScaleBarLength()

    To set setScaleBarLength, you can use setScaleBarLength method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setScaleBarLength(); 
        });
    });
    }

    setScaleBarSize()

    To set setScaleBarSize, you can use setScaleBarSize method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setScaleBarSize(); 
        });
    });
    }

    setScaleBorderWidth()

    To set setScaleBorderWidth, you can use setScaleBorderWidth method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setScaleBorderWidth(); 
        });
    });
    }

    setScaleDirection()

    To set setScaleDirection, you can use setScaleDirection method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setScaleDirection(); 
        });
    });
    }

    setScaleLocation()

    To set setScaleLocation, you can use setScaleLocation method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setScaleLocation(); 
        });
    });
    }

    setScaleStyle()

    To set setScaleStyle, you can use setScaleStyle method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setScaleStyle(); 
        });
    });
    }

    setTickAngle()

    To set setTickAngle, you can use setTickAngle method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setTickAngle(); 
        });
    });
    }

    setTickHeight()

    To set setTickHeight, you can use setTickHeight method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
     
         sample.setTickHeight(); 
        });
    });
    }

    setTickPlacement()

    To set setTickPlacement, you can use setTickPlacement method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
         sample.setTickPlacement(); 
        });
    });
    }

    setTickStyle()

    To set setTickStyle, you can use setTickStyle method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
         sample.setTickStyle(); 
        });
    });
    }

    setTickWidth()

    To set setTickWidth, you can use setTickWidth method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });       
         sample.setTickWidth(); 
        });
    });
    }

    setTickXDistanceFromScale()

    To set setTickXDistanceFromScale, you can use setTickXDistanceFromScale method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
         sample.setTickXDistanceFromScale(); 
        });
    });
    }

    setTickYDistanceFromScale()

    To set setTickYDistanceFromScale, you can use setTickYDistanceFromScale method.

  • html
  • <div id="LinearGauge1"></div>
  • javascript
  • /// <reference path="tsfiles/jquery.d.ts" />
    /// <reference path="tsfiles/ej.web.all.d.ts" />
    
    module LinearGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.LinearGauge($("#LinearGauge1"),{
            //..//   
            });
           
         sample.setTickYDistanceFromScale(); 
        });
    });
    }