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
    }