• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of SemiCircularGauge in ASP.NET MVC Circular Gauge Control

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

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

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.