Multiple Items

The text in the Digital Gauge is positioned with position object. This object contains two attributes such as x and y. The x variable positions the text in the horizontal axis and y variable positions the text in the vertical axis.

html

<ej-digitalgauge id="DigitalGauge1" with="1350" height="400" frame.backgroundImageUrl="board3.jpg"
              [items]="[{value: 'BLUE',segmentSettings: {color: 'blue'}, position: {x: 90,y: 0}},
              {value: 'RED',segmentSettings: {color: 'red'},position: {x: 90,y: 15}},
              {value: 'PINK',segmentSettings: {color: 'pink'},position: {x: 90,y: 30}}]">
</ej-digitalgauge>

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