background

UI for Blazor

Blazor Radial Gauge

  • Use the Blazor Radial Gauge to  measure progress toward a goal or a Key Performance Indicator (KPI).
  • Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for Blazor RadialGauge - Header
  • Visualize Any Data on Linear Scale with Blazor Radial Gauge

    Car dials are the most famous example of what the Telerik UI for Blazor Radial Gauge represents – effectively a linear scale bent around a center point, so it takes space more evenly in both directions instead of being a single absurdly long line. Prefer the radial approach when you want the user to be gather all the information immediately at a glance. 

    See the Blazor RadialGauge demo
    Telerik UI for Blazor Radial Gauge
  • Pointer Customization

    The Radial Gauge can have as many pointers as you need to present different values on the same scale. The pointers themselves can be customized by changing their color which makes distinguishing the different values happen on first glance. 
    Telerik UI for Blazor Radial Gauge
  • Scale Customization

    The Radial Gauge’s scale be split into several ranges when they mean different things. The red zone on your car’s tachometer is an example of separate range – you don’t want your revolutions pointer entering that zone and you might want to provide the same visual feedback for your users’ data. A variety of other factors can similarly be modified – the colors of the scale and labels, which ticks are displayed and which aren’t, the initial angle, etc. 

    Learn more about Blazor RadialGauge Scale Customization
    Telerik UI for Blazor Radial Gauge
  • Right-to-Left (RTL) Support

    The Telerik UI for Blazor Radial Gauge component supports right-to-left configuration. The RTL functionality is supported by most of our components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.

    Learn more in our Blazor Right-to-Left Support documentation 

    Blazor Form RTL Support

All Blazor Components

Next Steps