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.
-
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.
-
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
-
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).
-
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
-
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
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.