Blazor Linear Gauge Example - Track Customization

Linear Gauge / Axis / Track

This sample demonstrates the basic axis, its edge style, range color for axis, inversed and opposed axis.

Loading Syncfusion Blazor Server Demos…

Horizontal
Vertical

    

In this example, you can see how to render and configure axis in the linear gauge. The RoundedCornerRadius, UseRangeColor, IsInversed, and OpposedPosition properties can be used to set the edge style, range color for axis, inversed and opposed axis respectively.

More information on the axis 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