Digital Elements

8 Jan 20182 minutes to read

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.

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
            }]
        })
    });