aspx:GaugeChart
This gauge chart can be used to display all kinds of one-dimensional progressive values. It can use colored bands, hands, and combinations to display multiple values and their relation to a numeric scale/range.
Sample:
<aspx:GaugeChart id="myGauge" runat="server"
startvalue="0" value="20" inside="true" height="300px" title="Progress"/>
Properties
| Property | Type | Description |
|---|
| bands | Object | List of bands shown on the Gauge |
| bottomText | string | |
| inside | bool | Band colors to be shown in the ring or outside |
| startValue | int | |
| endValue | int | |
| value | int | The actual value of the arrow should stay on |
Example of bands:
<aspx:GaugeChart id="myGauge" runat="server"
startvalue="0" value="20" inside="true" height="300px" title="Progress">
<bands>
<aspx:GaugeBand startValue="1" endValue="10" color="#ea3838"/>
<aspx:GaugeBand startValue="10" endValue="15" color="#ffac29"/>
<aspx:GaugeBand startValue="15" endValue="25" color="#00cc00"/>
</bands>
</aspx:GaugeChart>
GaugeBand Properties
| Property | Type | Description |
|---|
| color | color | Hex value of the band's color. |
| balloonText | string | optional. |
| inside | bool | band colors to be shown in the ring or outside |
| startValue | int | starting value of the band range |
| endValue | int | ending value of the band range |
| id | string | |