Methods

destroy()

To destroy the digital gauge

HTML

<ej:DigitalGauge ClientIDMode="Static" runat="server" ID="Gauge1">

</ej:DigitalGauge>

JS

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

exportImage(fileName, fileType)

To export Digital Gauge as Image

HTML

<ej:DigitalGauge ClientIDMode="Static" runat="server" ID="Gauge1">

</ej:DigitalGauge>

JS

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

getPosition(itemIndex)

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

HTML

<ej:DigitalGauge ClientIDMode="Static" runat="server" ID="Gauge1">

</ej:DigitalGauge>

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

<ej:DigitalGauge ClientIDMode="Static" runat="server" ID="Gauge1">

</ej:DigitalGauge>

JS

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

refresh()

Refresh the digital gauge widget

HTML

<ej:DigitalGauge ClientIDMode="Static" runat="server" ID="Gauge1">

</ej:DigitalGauge>

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

<ej:DigitalGauge ClientIDMode="Static" runat="server" ID="Gauge1">

</ej:DigitalGauge>

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

<ej:DigitalGauge ClientIDMode="Static" runat="server" ID="Gauge1">

</ej:DigitalGauge>

JS

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

Events

Init

Triggers when the gauge is initialized.

HTML

<ej:DigitalGauge ClientIDMode="Static" OnClientInit="onInit" runat="server" ID="bullet1">

</ej:DigitalGauge>

JS

function onInit(){
    // Do Something
}

ItemRendering

Triggers when the gauge item rendering.

HTML

<ej:DigitalGauge ClientIDMode="Static" OnClientItemRendering="onItemRendering" runat="server" ID="bullet1">

</ej:DigitalGauge>

JS

function onItemRendering(){
    // Do Something
}

Load

Triggers when the gauge is start to load.

HTML

<ej:DigitalGauge ClientIDMode="Static" OnClientLoad="onLoad" runat="server" ID="bullet1">

</ej:DigitalGauge>

JS

function onLoad(){
    // Do Something
}

RenderComplete

Triggers when the gauge render is completed.

HTML

<ej:DigitalGauge ClientIDMode="Static" OnClientRenderComplete="onRenderComplete" runat="server" ID="bullet1">

</ej:DigitalGauge>

JS

function onRenderComplete(){
    // Do Something
}

Click

Click event triggers on clicking the gauges.

HTML

<ej:DigitalGauge ClientIDMode="Static" OnClientClick="onClick" runat="server" ID="bullet1">

</ej:DigitalGauge>

JS

function onClick(){
    // Do Something
}

DoubleClick

The DoubleClick event is triggered when double clicking the gauges.

HTML

<ej:DigitalGauge ClientIDMode="Static" OnClientDoubleClick="onDoubleClick" runat="server" ID="bullet1">

</ej:DigitalGauge>

JS

function onDoubleClick(){
    // Do Something
}

RightClick

The RightClick event is triggered when right clicking the gauges.

HTML

<ej:DigitalGauge ClientIDMode="Static" OnClientRightClick="onRightClick" runat="server" ID="bullet1">

</ej:DigitalGauge>

JS

function onRightClick(){
    // Do Something
}