Methods
destroy()
To destroy the digital gauge
export class AppComponent {
destroy(){
this.digital.widget.destroy();
}
// Create digital gauge instance
@ViewChild('gauge') digital: EJComponents<any, any>;
}
exportImage(fileName, fileType)
To export Digital Gauge as Image
export class AppComponent {
exportImage(){
this.digital.widget.exportImage("myImage","jpeg");
}
// Create digital gauge instance
@ViewChild('gauge') digital: EJComponents<any, any>;
}
getPosition(itemIndex)
Gets the location of an item that is displayed on the gauge.
export class AppComponent {
getPosition(){
this.digital.widget.getPosition(0);
}
// Create digital gauge instance
@ViewChild('gauge') digital: EJComponents<any, any>;
}
getValue(itemIndex)
ClientSideMethod getValue Gets the value of an item that is displayed on the gauge
export class AppComponent {
getValue(){
this.digital.widget.getValue(0);
}
// Create digital gauge instance
@ViewChild('gauge') digital: EJComponents<any, any>;
}
refresh()
Refresh the digital gauge widget
export class AppComponent {
refresh(){
this.digital.widget.refresh();
}
// Create digital gauge instance
@ViewChild('gauge') digital: EJComponents<any, any>;
}
setPosition(itemIndex, value)
ClientSideMethod Set Position Sets the location of an item to be displayed in the gauge
export class AppComponent {
setPosition(){
this.digital.widget.setPosition(0,{x:10,y:10});
}
// Create digital gauge instance
@ViewChild('gauge') digital: EJComponents<any, any>;
}
setValue(itemIndex, value)
ClientSideMethod SetValue Sets the value of an item to be displayed in the gauge.
export class AppComponent {
setValue(){
this.digital.widget.setValue(0, "Welcome");
}
// Create digital gauge instance
@ViewChild('gauge') digital: EJComponents<any, any>;
}
Events
init
Triggers when the gauge is initialized.
init(sender) {
// Do something
}
<ej-digitalgauge id="DigitalGauge1" (init)="init($event)">
</ej-digitalgauge>
itemRendering
Triggers when the gauge item rendering.
itemRendering(sender) {
// Do something
}
<ej-digitalgauge id="DigitalGauge1" (itemRendering)="itemRendering($event)">
</ej-digitalgauge>
load
Triggers when the gauge is start to load.
load(sender) {
// Do something
}
<ej-digitalgauge id="DigitalGauge1" (load)="load($event)">
</ej-digitalgauge>
renderComplete
Triggers when the gauge render is completed.
complete(sender) {
// Do something
}
<ej-digitalgauge id="DigitalGauge1" (renderComplete)="complete($event)">
</ej-digitalgauge>
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page