Gauge charts show a single measurement against a defined
axis or scale. Although it charts a single number, you can vary the
axis and chart colors to communicate what that number means.
Use the
minimum and
maximum attributes of the
<apex:axis> tag to define the range
of values. Use the
colorSet attribute of the
<apex:gaugeSeries> tag to indicate whether the current value is good or bad. Here’s
a chart that indicates the metric is well within an acceptable range:
<apex:chart height="250" width="450" animate="true" data="{!data}">
<apex:axis type="Gauge" position="gauge" title="Transaction Load"
minimum="0" maximum="100" steps="10"/>
<apex:gaugeSeries dataField="data1" donut="50" colorSet="#78c953,#ddd"/>
</apex:chart>