In This Topic
Gauges for Blazor is a suite of data visualization controls such as Linear Gauge, Radial Gauge and BulletGraph that help in creating interactive dashboards. The suite of Gauge controls can be used to showcase several data points or range of data points in a well-defined and compact area. All the three controls, Radial Gauge, Linear Gauge and BulletGraph come with a simple and clean design to enhance your data visualizations. They are easy to configure and style as well.
The following list provides a brief introduction to the three Gauge controls:
- Radial Gauge: The Radial Gauge control displays numerical values along a circular or semi-circular frame, using an indicator. You can use Radial Gauge to indicate data such as volume and speed on a vehicle dashboard.
- Linear Gauge: The Linear Gauge control shows numerical values on a linear scale, using an indicator. You can use Linear Gauge to indicate data such as temperature, humidity and wind speed on a weather forecast dashboard.
- BulletGraph: The BulletGraph control is a variant of the linear gauge control. It displays values on a linear scale indicating whether the values are in good, bad or in some other state. You can use the BulletGraph control to depict annual sales and KPI in dashboard.
Key Features
Some of the key features of Gauges that you may find useful include the following:
- Define Range
Gauges provide two types of values, minimum and maximum to indicate the smallest and largest values, and thereby define a range for the gauge.
- Label Support
The Gauge control supports labeling to display the value, minimum and maximum attributes of the gauges.
- Gauge Styling
You can style the face, value, range and pointer to make the Gauge control more appealing.