+ Start a Discussion

VF Gauge Chart Bug


For the the guage charts recently introduced in Visualforce, if the data value exceeds the maximum value provided and if needle is not used (default), then the Guage shape gets distorted.

<apex:axis type="Gauge" position="gauge" title="Total Amount" minimum="0" maximum="100" steps="5" gridFill="true"/> 
<apex:gaugeSeries dataField="sum" donut="70" colorSet="#aaa,,#ddd" highlight="true" / >


Here,  for example, if the 'sum' value passed is 205, the chart is distorted to an irregular shape.


Any suggestions ?

1) You can leave maximum blank and let it be set based on data
2) use controller to determine maximum value and set it with maximum="{!valuesetincontroller}"