Circular Gauge / Arc Gauge / Semi-circular Gauge

Blazor Circular Gauge Example - Semi-circular Gauge

Loading Syncfusion Blazor Server Demos…
Properties

This sample illustrates how to create semi-circular and quarter-circular gauge visualizations by customizing the Circular Gauge component's angular parameters.

Customization approach:

  • Transform default full-circle layout into partial arc configurations
  • Create half-circle gauges for specific use cases
  • Create quarter-circle gauges for specialized applications
  • Adjust radius, start angle, and end angle for desired gauge shape
  • Customize center position for precise layout control

More information on semi-circular and quarter-circular gauges can be found in this documentation section.