Blazor Arc Gauge Example - Customer Satisfaction Score
This sample demonstrates the default functionalities of the Blazor Arc Gauge component in a real-time customer satisfaction scenario, displaying scores on a scale from 0 to 10.
The Arc Gauge provides an intuitive visual representation for monitoring key performance metrics. In this example, you can see how to render an arc gauge displaying customer satisfaction scores with customizable appearance options.
The component can be customized using the following properties:
- CircularGaugeAxes — Configure scale, tick marks, and label positioning
- CircularGaugeRanges — Define colored zones to indicate performance thresholds
- CircularGaugeAnnotations — Add contextual labels and KPIs
- CircularGaugeLegendSettings — Customize legend appearance
- CircularGaugeTooltipSettings — Enable interactive tooltips
For detailed implementation guidance, refer to the Circular Gauge documentation.