Blazor Circular Gauge Example - Range Color for Axis

Circular Gauge / Axis / Range Color for Axis

This sample shows the basic rendering of the circular gauge, which includes an axis and a range. Here, the appropriate range color is applied to its respective axis labels, minor ticks, and major ticks.

Loading Syncfusion Blazor Server Demos…

In this example, you can see how to render and configure the range and axis in the circular gauge with the same color. To accomplish this, set the Class reference of UseRangeColor property in Circular Gauge property in CircularGaugeAxisLabelStyle, CircularGaugeAxisMajorTicks, and CircularGaugeAxisMinorTicks to true.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE