Methods and Events

Public Methods

Destroying the Circular Gauge

The destroy method is used to destroy the CircularGauge widget. All events bound using this._on will be unbind automatically and bring the control to pre-init state.

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

    Getting Back Needle Length

    The getBackNeedleLength method is used to get the needle length of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getBackNeedleLength(); 
        });
    });
    }

    Getting Custom Label Angle

    The getCustomLabelAngle method is used to get the angle of custom label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getCustomLabelAngle(); 
        });
    });
    }

    Getting Custom Label value

    The getCustomLabelValue method is used to get the value of custom label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getCustomLabelValue(); 
        });
    });
    }

    Getting Label Angle

    The getLabelAngle method is used to get angle of label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getLabelAngle(); 
        });
    });
    }

    Getting Label Distance From Scale

    The getLabelDistanceFromScale method is used to get the distance value from scale for label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getLabelDistanceFromScale(); 
        });
    });
    }

    Getting Label Placement

    The getLabelPlacement method is used to get placement of label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getLabelPlacement(); 
        });
    });
    }

    Getting Label Style

    The getLabelStyle method is used to get style of label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getLabelStyle(); 
        });
    });
    }

    Getting Major Interval Value

    The getMajorIntervalValue method is used to get major interval value of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getMajorIntervalValue(); 
        });
    });
    }

    Getting Maker Distance From Scale

    The getMarkerDistanceFromScale method is used to get distance from scale value of marker.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getMarkerDistanceFromScale(); 
        });
    });
    }

    Getting Maker Style

    The getMarkerStyle method is used to get distance from scale value of marker.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getMarkerStyle(); 
        });
    });
    }

    Getting Maximum Value

    The getMaximumValue method is used to get maximum value of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getMaximumValue(); 
        });
    });
    }

    Getting Minimum Value

    The getMinimumValue method is used to get minimum value of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getMinimumValue(); 
        });
    });
    }

    Getting Minor Interval Value

    The getMinorIntervalValue method is used to get minor interval value of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getMinorIntervalValue(); 
        });
    });
    }

    Getting Needle Style

    The getNeedleStyle method is used to get style of needle.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getNeedleStyle(); 
        });
    });
    }

    Getting Pointer Cap Border Width

    The getPointerCapBorderWidth method is used to get border width of pointer cap.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getPointerCapBorderWidth(); 
        });
    });
    }

    Getting Pointer Cap Radius

    The getPointerCapRadius method is used to get radius of pointer cap.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getPointerCapRadius(); 
        });
    });
    }

    Getting Pointer Length

    The getPointerLength method is used to get pointer length.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getPointerLength(); 
        });
    });
    }

    Getting Pointer Needle Type

    The getPointerNeedleType method is used to get needle type of pointer.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getPointerNeedleType(); 
        });
    });
    }

    Getting Pointer Placement

    The getPointerPlacement method is used to get placement of pointer.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getPointerPlacement(); 
        });
    });
    }

    Getting Pointer Value

    The getPointerValue method is used to get pointer value.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getPointerValue(); 
        });
    });
    }

    Getting Pointer Value

    The getPointerWidth method is used to get pointer width.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getPointerWidth(); 
        });
    });
    }

    Getting Range Border Width

    The getRangeBorderWidth method is used to get border width of range.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getRangeBorderWidth(); 
        });
    });
    }

    Getting Range Distance From Scale

    The getRangeDistanceFromScale method is used to get range distance from scale.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getRangeDistanceFromScale(); 
        });
    });
    }

    Getting Range End Value

    The getRangeEndValue method is used to get end value of range.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getRangeEndValue(); 
        });
    });
    }

    Getting Range Position

    The getRangePosition method is used to get range position.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getRangePosition(); 
        });
    });
    }

    Getting Range Size

    The getRangeSize method is used to get range size.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getRangeSize(); 
        });
    });
    }

    Getting Range Start Value

    The getRangeStartValue method is used to get range start value.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getRangeStartValue(); 
        });
    });
    }

    Getting Scale Bar Size

    The getScaleBarSize method is used to get scale bar size.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getScaleBarSize(); 
        });
    });
    }

    Getting Scale Border Width

    The getScaleBorderWidth method is used to get border width of scale.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getScaleBorderWidth(); 
        });
    });
    }

    Getting Scale Direction

    The getScaleDirection method is used to get scale direction.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getScaleDirection(); 
        });
    });
    }

    Getting Scale Radius

    The getScaleRadius method is used to get scale radius.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getScaleRadius(); 
        });
    });
    }

    Getting Start Angle

    The getStartAngle method is used to get start angle.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getStartAngle(); 
        });
    });
    }

    Getting Sub Gauge Location

    The getSubGaugeLocation method is used to get location of subGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getSubGaugeLocation(); 
        });
    });
    }

    Getting Sweep Angle

    The getSweepAngle method is used to get sweep angle.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getSweepAngle(); 
        });
    });
    }

    Getting Tick Angle

    The getTickAngle method is used to get tick angle.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getTickAngle(); 
        });
    });
    }

    Getting Tick Distance From Scale

    The getTickDistanceFromScale method is used to get tick distance from scale value.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getTickDistanceFromScale(); 
        });
    });
    }

    Getting Tick Height

    The getTickHeight method is used to get tick height.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getTickHeight(); 
        });
    });
    }

    Getting Tick Placement

    The getTickPlacement method is used to get tick placement.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getTickPlacement(); 
        });
    });
    }

    Getting Tick Style

    The getTickStyle method is used to get tick style.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getTickStyle(); 
        });
    });
    }

    Getting Tick Width

    The getTickWidth method is used to get tick width.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.getTickWidth(); 
        });
    });
    }

    Setting IncludeFirstValue

    The includeFirstValue method is used to set includeFirstValue.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.includeFirstValue(); 
        });
    });
    }

    Redrawing Circular Gauge

    The redraw method is used to redraw the Circular Gauge widget.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.redraw(); 
        });
    });
    }

    Setting Back Needle Length

    The setBackNeedleLength method is used to set the needle length of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setBackNeedleLength(); 
        });
    });
    }

    Setting Custom Label Angle

    The setCustomLabelAngle method is used to set the angle of custom label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setCustomLabelAngle(); 
        });
    });
    }

    Setting Custom Label value

    The setCustomLabelValue method is used to set the value of custom label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setCustomLabelValue(); 
        });
    });
    }

    Setting Label Angle

    The setLabelAngle method is used to set angle of label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setLabelAngle(); 
        });
    });
    }

    Setting Label Distance From Scale

    The setLabelDistanceFromScale method is used to set the distance value from scale for label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setLabelDistanceFromScale(); 
        });
    });
    }

    Setting Label Placement

    The setLabelPlacement method is used to set placement of label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setLabelPlacement(); 
        });
    });
    }

    Setting Label Style

    The setLabelStyle method is used to set style of label.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setLabelStyle(); 
        });
    });
    }

    Setting Major Interval Value

    The setMajorIntervalValue method is used to set major interval value of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setMajorIntervalValue(); 
        });
    });
    }

    Setting Maker Distance From Scale

    The setMarkerDistanceFromScale method is used to set distance from scale value of marker.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setMarkerDistanceFromScale(); 
        });
    });
    }

    Setting Maker Style

    The setMarkerStyle method is used to set distance from scale value of marker.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setMarkerStyle(); 
        });
    });
    }

    Setting Maximum Value

    The setMaximumValue method is used to set maximum value of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setMaximumValue(); 
        });
    });
    }

    Setting Minimum Value

    The setMinimumValue method is used to set minimum value of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setMinimumValue(); 
        });
    });
    }

    Setting Minor Interval Value

    The setMinorIntervalValue method is used to set minor interval value of CircularGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setMinorIntervalValue(); 
        });
    });
    }

    Setting Needle Style

    The setNeedleStyle method is used to set style of needle.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setNeedleStyle(); 
        });
    });
    }

    Setting Pointer Cap Border Width

    The setPointerCapBorderWidth method is used to set border width of pointer cap.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setPointerCapBorderWidth(); 
        });
    });
    }

    Setting Pointer Cap Radius

    The setPointerCapRadius method is used to set radius of pointer cap.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setPointerCapRadius(); 
        });
    });
    }

    Setting Pointer Length

    The setPointerLength method is used to set pointer length.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setPointerLength(); 
        });
    });
    }

    Setting Pointer Needle Type

    The setPointerNeedleType method is used to set needle type of pointer.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setPointerNeedleType(); 
        });
    });
    }

    Setting Pointer Placement

    The setPointerPlacement method is used to set placement of pointer.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setPointerPlacement(); 
        });
    });
    }

    Setting Pointer Value

    The setPointerValue method is used to set pointer value.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setPointerValue(); 
        });
    });
    }

    Setting Pointer Value

    The setPointerWidth method is used to set pointer width.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setPointerWidth(); 
        });
    });
    }

    Setting Range Border Width

    The setRangeBorderWidth method is used to set border width of range.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setRangeBorderWidth(); 
        });
    });
    }

    Setting Range Distance From Scale

    The setRangeDistanceFromScale method is used to set range distance from scale.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setRangeDistanceFromScale(); 
        });
    });
    }

    Setting Range End Value

    The setRangeEndValue method is used to set end value of range.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setRangeEndValue(); 
        });
    });
    }

    Setting Range Position

    The setRangePosition method is used to set range position.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setRangePosition(); 
        });
    });
    }

    Setting Range Size

    The setRangeSize method is used to set range size.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setRangeSize(); 
        });
    });
    }

    Setting Range Start Value

    The setRangeStartValue method is used to set range start value.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setRangeStartValue(); 
        });
    });
    }

    Setting Scale Bar Size

    The setScaleBarSize method is used to set scale bar size.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setScaleBarSize(); 
        });
    });
    }

    Setting Scale Border Width

    The setScaleBorderWidth method is used to set border width of scale.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setScaleBorderWidth(); 
        });
    });
    }

    Setting Scale Direction

    The setScaleDirection method is used to set scale direction.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setScaleDirection(); 
        });
    });
    }

    Setting Scale Radius

    The setScaleRadius method is used to set scale radius.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setScaleRadius(); 
        });
    });
    }

    Setting Start Angle

    The setStartAngle method is used to set start angle.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setStartAngle(); 
        });
    });
    }

    Setting Sub Gauge Location

    The setSubGaugeLocation method is used to set location of subGauge.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setSubGaugeLocation(); 
        });
    });
    }

    Setting Sweep Angle

    The setSweepAngle method is used to set sweep angle.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setSweepAngle(); 
        });
    });
    }

    Setting Tick Angle

    The setTickAngle method is used to set tick angle.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setTickAngle(); 
        });
    });
    }

    Setting Tick Distance From Scale

    The setTickDistanceFromScale method is used to set tick distance from scale value.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setTickDistanceFromScale(); 
        });
    });
    }

    Setting Tick Height

    The setTickHeight method is used to set tick height.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setTickHeight(); 
        });
    });
    }

    Setting Tick Placement

    The setTickPlacement method is used to set tick placement.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setTickPlacement(); 
        });
    });
    }

    Setting Tick Style

    The setTickStyle method is used to set tick style.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setTickStyle(); 
        });
    });
    }

    Setting Tick Width

    The setTickWidth method is used to set tick width.

  • javascript
  • <div id="CoreCircularGauge"></div> 
    
    module CircularGaugeComponent {
        $(function () {
            var sample = new ej.datavisualization.CircularGauge($("#CoreCircularGauge"),{
            //..//   
            });       
         sample.setTickWidth(); 
        });
    });
    }

    Events

    Draw Custom Label

    The drawCustomLabel event is triggered while custom labels are drawn on the gauge.

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

    Draw Indicators

    The drawIndicators event is triggered while indicators are being drawn on the gauge.

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

    Draw Labels

    The drawLabels event is triggered while labels are being drawn on the gauge.

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

    Draw Pointer Cap

    The drawPointerCap event is triggered while pointer cap is being drawn on the gauge.

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

    Draw Pointers

    The drawPointers event is triggered while pointer cap is being drawn on the gauge.

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

    Draw Range

    The drawRange event is triggered when ranges starts to be drawn on the gauge.

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

    Draw Ticks

    The drawTicks event is triggered when ticks are being drawn on the gauge.

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

    Load

    The load event is triggered when gauge starts to load.

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

    Mouse Click

    The mouseClick event is triggered when left mouse button is clicked.

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

    Mouse Click Move

    The mouseClickMove event is triggered when clicking and dragging the mouse pointer over the gauge pointer.

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

    Mouse Click Up

    The mouseClickUp event is triggered when clicking and dragging the mouse pointer over the gauge pointer.

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

    Render Complete

    The renderComplete event is triggered when rendering of the gauge is completed.

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

    Range Mouse Move

    The rangeMouseMove event is triggered when moving mouse on ranges.

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