Linear Gauge / Range / Range

Blazor Linear Gauge Example - Range Customization

Loading Syncfusion Blazor Server Demos…

Horizontal
Vertical

    

This sample demonstrates range customization options in the Linear Gauge, including exponential appearance, gradient colors, and multiple ranges.

In this example, ranges are configured using LinearGaugeRanges and LinearGaugeRange. Apply gradient styles using LinearGradient.

Learn more in the ranges section of the documentation.

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