Methods

destroy()

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

  • ts
  • destroy(){
         
         //Do something
         this.gauge.widget.destroy();
    
    }

    exportImage()

    To export Image

  • ts
  • exportImage(){
         
         //Do something
         this.gauge.widget.exportImage();
    
    }

    getBackNeedleLength()

    To get BackNeedleLength

  • ts
  • getBackNeedleLength(){
         
         //Do something
         this.gauge.widget.getBackNeedleLength();
    
    }

    getCustomLabelAngle()

    To get CustomLabelAngle

  • ts
  • getCustomLabelAngle(){
         
         //Do something
         this.gauge.widget.getCustomLabelAngle();
    
    }

    getCustomLabelValue()

    To get CustomLabelValue

  • ts
  • getCustomLabelValue(){
         
         //Do something
         this.gauge.widget.getCustomLabelValue();
    
    }

    getLabelAngle()

    To get LabelAngle

  • ts
  • getLabelAngle(){
         
         //Do something
         this.gauge.widget.getLabelAngle();
    
    }

    getLabelDistanceFromScale()

    To get LabelDistanceFromScale

  • ts
  • getLabelDistanceFromScale(){
         
         //Do something
         this.gauge.widget.getLabelDistanceFromScale();
    
    }

    getLabelPlacement()

    To get LabelPlacement

  • ts
  • getLabelPlacement(){
         
         //Do something
         this.gauge.widget.getLabelPlacement();
    
    }

    getLabelStyle()

    To get LabelStyle

  • ts
  • getLabelStyle(){
         
         //Do something
         this.gauge.widget.getLabelStyle();
    
    }

    getMajorIntervalValue()

    To get MajorIntervalValue

  • ts
  • getMajorIntervalValue(){
         
         //Do something
         this.gauge.widget.getMajorIntervalValue();
    
    }

    getMarkerDistanceFromScale()

    To get MarkerDistanceFromScale

  • ts
  • getMarkerDistanceFromScale(){
         
         //Do something
         this.gauge.widget.getMarkerDistanceFromScale();
    
    }

    getMarkerStyle()

    To get MarkerStyle

  • ts
  • getMarkerStyle(){
         
         //Do something
         this.gauge.widget.getMarkerStyle();
    
    }

    getMaximumValue()

    To get MaximumValue

  • ts
  • getMaximumValue(){
         
         //Do something
         this.gauge.widget.getMaximumValue();
    
    }

    getMinimumValue()

    To get MinimumValue

  • ts
  • getMinimumValue(){
         
         //Do something
         this.gauge.widget.getMinimumValue();
    
    }

    getMinorIntervalValue()

    To get MinorIntervalValue

  • ts
  • getMinorIntervalValue(){
         
         //Do something
         this.gauge.widget.getMinorIntervalValue();
    
    }

    getNeedleStyle()

    To get NeedleStyle

  • ts
  • getNeedleStyle(){
         
         //Do something
         this.gauge.widget.getNeedleStyle();
    
    }

    getPointerCapBorderWidth()

    To get PointerCapBorderWidth

  • ts
  • getPointerCapBorderWidth(){
         
         //Do something
         this.gauge.widget.getPointerCapBorderWidth();
    
    }

    getPointerCapRadius()

    To get PointerCapRadius

  • ts
  • getPointerCapRadius(){
         
         //Do something
         this.gauge.widget.getPointerCapRadius();
    
    }

    getPointerLength()

    To get PointerLength

  • ts
  • getPointerLength(){
         
         //Do something
         this.gauge.widget.getPointerLength();
    
    }

    getPointerNeedleType()

    To get PointerNeedleType

  • ts
  • getPointerNeedleType(){
         
         //Do something
         this.gauge.widget.getPointerNeedleType();
    
    }

    getPointerPlacement()

    To get PointerPlacement

  • ts
  • getPointerPlacement(){
         
         //Do something
         this.gauge.widget.getPointerPlacement();
    
    }

    getPointerValue()

    To get PointerValue

  • ts
  • getPointerValue(){
         
         //Do something
         this.gauge.widget.getPointerValue();
    
    }

    getPointerWidth()

    To get PointerWidth

  • ts
  • getPointerWidth(){
         
         //Do something
         this.gauge.widget.getPointerWidth();
    
    }

    getRangeBorderWidth()

    To get RangeBorderWidth

  • ts
  • getRangeBorderWidth(){
         
         //Do something
         this.gauge.widget.getRangeBorderWidth();
    
    }

    getRangeDistanceFromScale()

    To get RangeDistanceFromScale

  • ts
  • getRangeDistanceFromScale(){
         
         //Do something
         this.gauge.widget.getRangeDistanceFromScale();
    
    }

    getRangeEndValue()

    To get RangeEndValue

  • ts
  • getRangeEndValue(){
         
         //Do something
         this.gauge.widget.getRangeEndValue();
    
    }

    getRangePosition()

    To get RangePosition

  • ts
  • getRangePosition(){
         
         //Do something
         this.gauge.widget.getRangePosition();
    
    }

    getRangeSize()

    To get RangeSize

  • ts
  • getRangeSize(){
         
         //Do something
         this.gauge.widget.getRangeSize();
    
    }

    getRangeStartValue()

    To get RangeStartValue

  • ts
  • getRangeStartValue(){
         
         //Do something
         this.gauge.widget.getRangeStartValue();
    
    }

    getScaleBarSize()

    To get ScaleBarSize

  • ts
  • getScaleBarSize(){
         
         //Do something
         this.gauge.widget.getScaleBarSize();
    
    }

    getScaleBorderWidth()

    To get ScaleBorderWidth

  • ts
  • getScaleBorderWidth(){
         
         //Do something
         this.gauge.widget.getScaleBorderWidth();
    
    }

    getScaleDirection()

    To get ScaleDirection

  • ts
  • getScaleDirection(){
         
         //Do something
         this.gauge.widget.getScaleDirection();
    
    }

    getScaleRadius()

    To get ScaleRadius

  • ts
  • getScaleRadius(){
         
         //Do something
         this.gauge.widget.getScaleRadius();
    
    }

    getStartAngle()

    To get StartAngle

  • ts
  • getStartAngle(){
         
         //Do something
         this.gauge.widget.getStartAngle();
    
    }

    getSubGaugeLocation()

    To get SubGaugeLocation

  • ts
  • getSubGaugeLocation(){
         
         //Do something
         this.gauge.widget.getSubGaugeLocation();
    
    }

    getSweepAngle()

    To get SweepAngle

  • ts
  • getSweepAngle(){
         
         //Do something
         this.gauge.widget.getSweepAngle();
    
    }

    getTickAngle()

    To get TickAngle

  • ts
  • getTickAngle(){
         
         //Do something
         this.gauge.widget.getTickAngle();
    
    }

    getTickDistanceFromScale()

    To get TickDistanceFromScale

  • ts
  • getDistanceFromScale(){
         
         //Do something
         this.gauge.widget.getDistanceFromScale();
    
    }

    getTickHeight()

    To get TickHeight

  • ts
  • getTickHeight(){
         
         //Do something
         this.gauge.widget.getTickHeight();
    
    }

    getTickPlacement()

    To get TickPlacement

  • ts
  • getTickPlacement(){
         
         //Do something
         this.gauge.widget.getTickPlacement();
    
    }

    getTickStyle()

    To get TickStyle

  • ts
  • getTickStyle(){
         
         //Do something
         this.gauge.widget.getTickStyle();
    
    }

    getTickWidth()

    To get TickWidth

  • ts
  • getTickWidth(){
         
         //Do something
         this.gauge.widget.getTickWidth();
    
    }

    includeFirstValue()

    To set includeFirstValue

  • ts
  • includeFirstValue(){
         
         //Do something
         this.gauge.widget.includeFirstValue();
    
    }

    redraw()

    Switching the redraw option for the gauge

  • ts
  • redraw(){
         
         //Do something
         this.gauge.widget.redraw();
    
    }

    setBackNeedleLength()

    To set BackNeedleLength

  • ts
  • setBackNeedleLength(){
         
         //Do something
         this.gauge.widget.setBackNeedleLength();
    
    }

    setCustomLabelAngle()

    To set CustomLabelAngle

  • ts
  • setCustomLabelAngle(){
         
         //Do something
         this.gauge.widget.setCustomLabelAngle();
    
    }

    setCustomLabelValue()

    To set CustomLabelValue

  • ts
  • setCustomLabelValue(){
         
         //Do something
         this.gauge.widget.setCustomLabelValue();
    
    }

    setLabelAngle()

    To set LabelAngle

  • ts
  • setLabelAngle(){
         
         //Do something
         this.gauge.widget.setLabelAngle();
    
    }

    setLabelDistanceFromScale()

    To set LabelDistanceFromScale

  • ts
  • setLabelDistanceFromScale(){
         
         //Do something
         this.gauge.widget.setLabelDistanceFromScale();
    
    }

    setLabelPlacement()

    To set LabelPlacement

  • ts
  • setLabelPlacement(){
         
         //Do something
         this.gauge.widget.setLabelPlacement();
    
    }

    setLabelStyle()

    To set LabelStyle

  • ts
  • setLabelStyle(){
         
         //Do something
         this.gauge.widget.setLabelStyle();
    
    }

    setMajorIntervalValue()

    To set MajorIntervalValue

  • ts
  • setMajorIntervalValue(){
         
         //Do something
         this.gauge.widget.setMajorIntervalValue();
    
    }

    setMarkerDistanceFromScale()

    To set MarkerDistanceFromScale

  • ts
  • setMarkerDistanceFromScale(){
         
         //Do something
         this.gauge.widget.setMarkerDistanceFromScale();
    
    }

    setMarkerStyle()

    To set MarkerStyle

  • ts
  • setMarkerStyle(){
         
         //Do something
         this.gauge.widget.setMarkerStyle();
    
    }

    setMaximumValue()

    To set MaximumValue

  • ts
  • setMaximumValue(){
         
         //Do something
         this.gauge.widget.setMaximumValue();
    
    }

    setMinimumValue()

    To set MinimumValue

  • ts
  • setMinimumValue(){
         
         //Do something
         this.gauge.widget.setMinimumValue();
    
    }

    setMinorIntervalValue()

    To set MinorIntervalValue

  • ts
  • setMinorInterValue(){
         
         //Do something
         this.gauge.widget.setMinorInterValue();
    
    }

    setNeedleStyle()

    To set NeedleStyle

  • ts
  • setNeedleStyle(){
         
         //Do something
         this.gauge.widget.setNeedleStyle();
    
    }

    setPointerCapBorderWidth()

    To set PointerCapBorderWidth

  • ts
  • setBorderWidth(){
         
         //Do something
         this.gauge.widget.setBorderWidth();
    
    }

    setPointerCapRadius()

    To set PointerCapRadius

  • ts
  • setPointerCapRadius(){
         
         //Do something
         this.gauge.widget.setPointerCapRadius();
    
    }

    setPointerLength()

    To set PointerLength

  • ts
  • setPointerLength(){
         
         //Do something
         this.gauge.widget.setPointerLength();
    
    }

    setPointerNeedleType()

    To set PointerNeedleType

  • ts
  • setPointerNeedleType(){
         
         //Do something
         this.gauge.widget.setPointerNeedleType();
    
    }

    setPointerPlacement()

    To set PointerPlacement

  • ts
  • setPointerPlacement(){
         
         //Do something
         this.gauge.widget.setPointerPlacement();
    
    }

    setPointerValue()

    To set PointerValue

  • ts
  • setPointerValue(){
         
         //Do something
         this.gauge.widget.setPointerValue();
    
    }

    setPointerWidth()

    To set PointerWidth

  • ts
  • setPointerWidth(){
         
         //Do something
         this.gauge.widget.setPointerWidth();
    
    }

    setRangeBorderWidth()

    To set RangeBorderWidth

  • ts
  • setRangeBorderWidth(){
         
         //Do something
         this.gauge.widget.setRangeBorderWidth();
    
    }

    setRangeDistanceFromScale()

    To set RangeDistanceFromScale

  • ts
  • setRangeDistanceFromScale(){
         
         //Do something
         this.gauge.widget.setRangeDistanceFromScale();
    
    }

    setRangeEndValue()

    To set RangeEndValue

  • ts
  • setRangeEndValue(){
         
         //Do something
         this.gauge.widget.setRangeEndValue();
    
    }

    setRangePosition()

    To set RangePosition

  • ts
  • setRangePosition(){
         
         //Do something
         this.gauge.widget.setRangePosition();
    
    }

    setRangeSize()

    To set RangeSize

  • ts
  • setRangeSize(){
         
         //Do something
         this.gauge.widget.setRangeSize();
    
    }

    setRangeStartValue()

    To set RangeStartValue

  • ts
  • setRangeStartValue(){
         
         //Do something
         this.gauge.widget.setRangeStartValue();
    
    }

    setScaleBarSize()

    To set ScaleBarSize

  • ts
  • setScaleBarSize(){
         
         //Do something
         this.gauge.widget.setScaleBarSize();
    
    }

    setScaleBorderWidth()

    To set ScaleBorderWidth

  • ts
  • setScaleBorderWidth(){
         
         //Do something
         this.gauge.widget.setScaleBorderWidth();
    
    }

    setScaleDirection()

    To set ScaleDirection

  • ts
  • setScaleDirection(){
         
         //Do something
         this.gauge.widget.setScaleDirection();
    
    }

    setScaleRadius()

    To set ScaleRadius

  • ts
  • setScaleRadius(){
         
         //Do something
         this.gauge.widget.setScaleRadius();
    
    }

    setStartAngle()

    To set StartAngle

  • ts
  • setStartAngle(){
         
         //Do something
         this.gauge.widget.setStartAngle();
    
    }

    setSubGaugeLocation()

    To set SubGaugeLocation

  • ts
  • setSubGaugeLocation(){
         
         //Do something
         this.gauge.widget.setSubGaugeLocation();
    
    }

    setSweepAngle()

    To set SweepAngle

  • ts
  • setSweepAngle(){
         
         //Do something
         this.gauge.widget.setSweepAngle();
    
    }

    setTickAngle()

    To set TickAngle

  • ts
  • setTickAngle(){
         
         //Do something
         this.gauge.widget.setTickAngle();
    
    }

    setTickDistanceFromScale()

    To set TickDistanceFromScale

  • ts
  • setDistanceFromScale(){
         
         //Do something
         this.gauge.widget.setDistanceFromScale();
    
    }

    setTickHeight()

    To set TickHeight

  • ts
  • setTickHeight(){
         
         //Do something
         this.gauge.widget.setTickHeight();
    
    }

    setTickPlacement()

    To set TickPlacement

  • ts
  • setTickPlacement(){
         
         //Do something
         this.gauge.widget.setTickPlacement();
    
    }

    setTickStyle()

    To set TickStyle

  • ts
  • setTickStyle(){
         
         //Do something
         this.gauge.widget.setTickStyle();
    
    }

    setTickWidth()

    To set TickWidth

  • ts
  • setTickWidth(){
         
         //Do something
         this.gauge.widget.setTickWidth();
    
    }

    Events

    drawCustomLabel

    Triggers while the custom labels are being drawn on the gauge.

  • ts
  • onDrawCustomLabel(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (drawCustomLabel)="onDrawCustomLabel($event)"> 
    </ej-circulargauge>

    drawIndicators

    Triggers while the indicators are being started to drawn on the gauge.

  • ts
  • onDrawIndicators(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (drawIndicators)="onDrawIndicators($event)"> 
    </ej-circulargauge>

    drawLabels

    Triggers while the labels are being drawn on the gauge.

  • ts
  • onDrawLabels(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (drawLabels)="onDrawLabels($event)"> 
    </ej-circulargauge>

    drawPointerCap

    Triggers while the pointer cap is being drawn on the gauge.

  • ts
  • onDrawPointerCap(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (drawPointerCap)="onDrawPointerCap($event)"> 
    </ej-circulargauge>

    drawPointers

    Triggers while the pointers are being drawn on the gauge.

  • ts
  • onDrawPointers(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (drawPointers)="onDrawPointers($event)"> 
    </ej-circulargauge>

    drawRange

    Triggers when the ranges begin to be getting drawn on the gauge.

  • ts
  • onDrawRange(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (drawRange)="onDrawRange($event)"> 
    </ej-circulargauge>

    drawTicks

    Triggers while the ticks are being drawn on the gauge.

  • ts
  • onDrawTicks(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (drawTicks)="onDrawTicks($event)"> 
    </ej-circulargauge>

    load

    Triggers while the gauge start to Load.

  • ts
  • onLoad(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (load)="onLoad($event)"> 
    </ej-circulargauge>

    mouseClick

    Triggers when the left mouse button is clicked.

  • ts
  • onMouseClick(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (mouseClick)="onMouseClick($event)"> 
    </ej-circulargauge>

    mouseClickMove

    Triggers when clicking and dragging the mouse pointer over the gauge pointer.

  • ts
  • onMouseClickMove(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (mouseClickMove)="onMouseClickMove($event)"> 
    </ej-circulargauge>

    mouseClickUp

    Triggers when the mouse click is released.

  • ts
  • onMouseClickUp(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (mouseClickUp)="onMouseClickUp($event)"> 
    </ej-circulargauge>

    renderComplete

    Triggers when the rendering of the gauge is completed.

  • ts
  • onRenderComplete(sender){
         
         //Do something
    
    }
  • html
  • <ej-circulargauge id="events" (renderComplete)="onRenderComplete($event)"> 
    </ej-circulargauge>