Digital Elements

Text Customization

  • The attribute value refers the text displayed in the Digital Gauge. This text is applicable only for that item instead of all items. Text color is changed by using the property textColor

  • It is possible to align the text inside the Digital Gauge control by using the property textAlign. Two possible values for text align are as follows

    • left

    • right

  • html
  • <div id="DigitalGauge1"></div>
  • javascript
  • /// <reference path="../tsfiles/jquery.d.ts"></reference>
    /// <reference path="../tsfiles/ej.web.all.d.ts"></reference>
    
    module DigitalGaugeComponent {
    
      $(function () {
            // For Digital Gauge rendering
           var digitalGaugeSample = new ej.datavisualization.DigitalGauge($("#DigitalGauge1"),{
                items: [{
                    // For setting alignment
                    textAlign: "right",
                    // For setting text
                    value: "STOP",
                }]
            })
        });
    }

    Execute the above code examples to render the DigitalGauge as follows.