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
    }