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>