Digital Elements in JQuery DigitalGauge widget

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
  • $(function () {
            // For Digital Gauge rendering
            $("#DigitalGauge1").ejDigitalGauge({
                items: [{
                    // For setting alignment
                    textAlign: "right",
                    // For setting text
                    value: "STOP",
                }]
            })
        });

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

    Digital-Elements_img1

    The custom font is to be applied to the text by setting the value as true to the gauge.

  • html
  • <div id="DigitalGauge1"></div>
  • javascript
  • $(function () {
            // For Digital Gauge rendering
            $("#DigitalGauge1").ejDigitalGauge({
                items: [{
                    // For setting alignment
                    textAlign: "right",
                    // For setting text
                    value: "STOP",
                    enableCustomFont: true
                }]
            })
        });