UI for ASP.NET MVC
ASP.NET MVC RadialGauge
- Use the ASP.NET MVC Radial Gauge to represent values on a circular arc. Easily customize the component’s pointer and scale and export your data to PDF, SVG or image.
- Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
- Includes support, documentation, demos, virtual classrooms and more!
-
Overview
Radial Gauges can serve as a representation of many real-life tools, such as thermometers, pressure meters or car dials or can be used in various dashboard applications to illustrate important KPIs. The Telerik UI for ASP.NET MVC Radial Gauge represents values on a circular arc. You can customize the pointer and scale, add multiple pointers, display ranges and even take advantage of the export to PDF, Image or SVG option.
See the ASP.NET MVC RadialGauge in action
-
Pointer Customization
You can choose from predefined pointer shapes, customize existing shapes or import your own images. Specify the position of the pointer origin, in this way, you can decentralize the pointer to the sides of the gauge. If you need to illustrate more than one value, you can take advantage of the multiple pointers feature.
Check out the ASP.NET MVC RadialGauge Multiple Pointers demo
-
Scale Customization
The ASP.NET MVC Radial Gauge’s scale can show ranges, which help the users read and interpret the displayed information. To make the scale fit your app scenario you can easily customize its colors and labels, define which ticks are displayed and which are not and specify the initial angle.
-
Client-Side Rendering
Telerik for ASP.NET MVC Gauges controls render completely on the client-side, using HTML5 Canvas or the SVG element specification to deliver itself to the user. -
Export to PDF, Image or SVG
Once you have adjusted the control to your preferences, displayed all needed values and ranges, you can easily export it to a PDF file, an Image or an SVG file. -
RadialGauge Theming
The ASP.NET MVC RadialGauge component has multiple built-in themes and swatches. Explore the Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI) themes and choose the swatch that best meets your design requirements.
You can easily customize any theme with a few lines of CSS or create a new one to match your colors and branding with the Progress SASS ThemeBuilder application.
