Progress Telerik UI for Blazor

Blazor Linear Gauge

  • Use the Blazor Linear Gauge to visualize any data on a linear scale. With support for multiple pointers, horizontal and vertical orientation, flexible customization options and more.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
Telerik UI for Blazor Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for Blazor Linear Gauge serves to help you find an easy way to display any data on a linear scale. The component is very useful for illustrating progress towards a goal or a summary of some fluctuating metric. 
    Telerik UI for Blazor Linear Gauge
  • Multiple Pointers

    The Gauge supports multiple pointers so that several data pointers can be simultaneously visualized on the same scale. This comes useful in situations like showing the min, max and current value of a variable, for example the temperature for the day. 

    Check out the Blazor LinearGauge Multiple Pointers in this demo
    Telerik UI for Blazor Linear Gauge
  • Pointer Customization

    The pointer used in the Gauge can be an arrow next to the proper value or a bar with length equal to the value. The size of both can be modified as well as their color, opacity and margin (distance to the scale). 
    Telerik UI for Blazor Linear Gauge
  • Scale Customization

    The look of the scale can be similarly customized – its color, width, whether to show major and minor ticks or even reverse the direction of the scale. If one scale isn’t enough, you can even have two or more scale ranges within the same Gauge component. This allows you to create different regions for your variable – going back to the temperature example, imagine placing a blue range below 0° C, a reddish one above 40° C and white neutral one in between. 

    Learn more about the Blazor LinearGauge Scale Options
    Telerik UI for Blazor Linear Gauge
  • Orientation

    The Linear Gauge can be placed vertically or horizontally – this affects all elements of the gauge like the scale, labels and pointers which will rotate to their new respective position. 

    Switch between LinearGauge orientations in this demo
    Telerik UI for Blazor Linear Gauge

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.