Example of Ticks and Labels in Blazor Circular Gauge Component

Circular Gauge / Axis / Ticks and Labels

This sample demonstrates how to customize the ticks and labels on an axis. The position, offset, and height of the ticks and labels can be changed.

Properties
Ticks
Tick Position
Label Position
Tick Offset
0
Tick Height
10
Label Offset
0
Show Last Label

In this example, you can see how to render and configure the ticks and labels of an axis in the circular gauge. Labels are units that are used to display the values on the axis. Labels can be customized using CircularGaugeAxisLabelStyle. Ticks are used to represent values on the axis. Ticks can be customized using CircularGaugeMajorTicks and CircularGaugeMinorTicks.

More information on the ticks and labels can be found in this documentation section.

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