Next
Update
Prev

This sample gauge chart is to show how to create a half-circular type gauge with the rainbow color.

...
<HalfCircularGauge ... minimumAngle="0" maximumAngle="210" ... maximum="500" ... >					
</HalfCircularGauge>
...

<HalfCircularGauge>

startAngle The startAngle attribute controls the start of the gauge. The valid value range is "0 - 360". If startAngle="0" ( = "360" ), then the gauge starts at 3 o'clock location, and as the value increases, the start location increases to clockwise.
minimumAngle The minimumAngle attribute controls the minumum location of the gauge. As the value of minimumAngle in the above example is "30", the gauge starts ( the point of "0" ) at 30 degrees clockwise from 90 degrees ( startAngle="90" ).
maximumAngle The maximumAngle attribute controls the maximum location of the gauge.
minimum The minimum attribute determines the minumum value of the gauge.
maximum The maximum attribute determines the maximum value of the gauge.
interval The interval attribute controls the distance between two major ticks.
minorInterval The minorInterval attribute controls the distance between two minor ticks.
trackValues The trackValues attribute is used to set the value ranges to be used to display the different colors for each value range in the track. e.g. if you set as minimum="0", maximum="100" and trackValues=[0,50,80,100], then you can assign colors to 0~50, 50~80 and 80~100.
trackColors The trackColors attribute is used to set the colors to be assigned to each value range in the track. e.g. if you set as trackColors=[#FFFF00, #0000FF, #FF0000] and trackValues=[0,50,80,100], then the color, #FFFF00 will be assigned to the value range, 0-50. ( #0000FF to 50-80, #FF0000 to 80-100 )
trackAlphas The trackAlphas attribute is used to set the transparency for each color defined in the trackColors attribute.

© 2017 KoolChart. All rights reserved.