Methods

destroy()

To destroy the digital gauge

HTML

<div id="Gauge1">
    <ej-digitalgauge></ej-digitalgauge>
</div>

JS

var gauge = $("#Gauge1").data("ejDigitalGauge");
gauge.destroy();

exportImage(fileName, fileType)

To export Digital Gauge as Image

HTML

<div id="Gauge1">
    <ej-digitalgauge></ej-digitalgauge>
</div>

JS

var gauge = $("#Gauge1").data("ejDigitalGauge");
gauge.exportImage();

getPosition(itemIndex)

Gets the location of an item that is displayed on the gauge.

HTML

<div id="Gauge1">
    <ej-digitalgauge></ej-digitalgauge>
</div>

JS

var gauge = $("#Gauge1").data("ejDigitalGauge");
gauge.getPosition();

getValue(itemIndex)

ClientSideMethod getValue Gets the value of an item that is displayed on the gauge

HTML

<div id="Gauge1">
    <ej-digitalgauge></ej-digitalgauge>
</div>

JS

var gauge = $("#Gauge1").data("ejDigitalGauge");
gauge.getValue();

refresh()

Refresh the digital gauge widget

HTML

<div id="Gauge1">
    <ej-digitalgauge></ej-digitalgauge>
</div>

JS

var gauge = $("#Gauge1").data("ejDigitalGauge");
gauge.refresh();

setPosition(itemIndex, value)

ClientSideMethod Set Position Sets the location of an item to be displayed in the gauge

HTML

<div id="Gauge1">
    <ej-digitalgauge></ej-digitalgauge>
</div>

JS

var gauge = $("#Gauge1").data("ejDigitalGauge");
gauge.setPosition();

setValue(itemIndex, value)

ClientSideMethod SetValue Sets the value of an item to be displayed in the gauge.

HTML

<div id="Gauge1">
    <ej-digitalgauge></ej-digitalgauge>
</div>

JS

var gauge = $("#Gauge1").data("ejDigitalGauge");
gauge.setValue();

Events

Init

Triggers when the gauge is initialized.

HTML

<div ng-controller="DigitalGaugeCtrl">
    <div id="container" style="width: 100%" e-init="onInit"></div>
</div>

JS

angular.controller('DigitalGaugeCtrl', function ($scope) {    
    $scope.onInit = "Init";    
});
 
function Init(){
    // Do Something
}

ItemRendering

Triggers when the gauge item rendering.

HTML

<div ng-controller="DigitalGaugeCtrl">
    <div id="container" style="width: 100%" e-itemRendering="onItemRendering"></div>
</div>

JS

angular.controller('DigitalGaugeCtrl', function ($scope) {    
    $scope.onItemRendering = "Init";    
});
 
function ItemRendering(){
    // Do Something
}

Load

Triggers when the gauge is start to load.

HTML

<div ng-controller="DigitalGaugeCtrl">
    <div id="container" style="width: 100%" e-load="onLoad"></div>
</div>

JS

angular.controller('DigitalGaugeCtrl', function ($scope) {    
    $scope.onLoad = "Load";    
});
 
function Load(){
    // Do Something
}

RenderComplete

Triggers when the gauge render is completed.

HTML

<div ng-controller="DigitalGaugeCtrl">
    <div id="container" style="width: 100%" e-renderComplete="onRenderComplete"></div>
</div>

JS

angular.controller('DigitalGaugeCtrl', function ($scope) {    
    $scope.onRenderComplete = "RenderComplete";    
});
 
function RenderComplete(){
    // Do Something
}