Example of Semi-circular Gauge in Javascript Circular Gauge Control

Semi-circular Gauge

This sample visualizes the rendering of circular gauge with modified start and end angles. The radius, start angle, end angle, center X, center Y and labelIntersectAction of the circular gauge can be customized using the options in properties panel.

More Details...

Start Angle    270°
End Angle    90°
Radius    80%
Radius based on angle
Center X    50%
Center Y    50%
Hide intersecting labels

In this example, you can see how to render the circular gauge with modified start and end angles to form semi or quarter circular gauges. By enabling the radius based on angle option, the radius of circular gauge will be calculated based on the start and end angles. You can also hide the intersect labels using 'hideIntersectingLabel' property. For more information on ranges, refer to this documentation section.