ASP.NET MVC Circular Gauge

  • Use the ASP.NET MVC Circular Gauge to visualize numeric values on a circular scale. Featuring a center template, flexible scale customization options and more.
  • 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!
Telerik UI for ASP.NET MVC Suite
  • Overview

    Gauges come in many sizes and forms to accommodate any data visualization need. They are often used in dashboard applications for displaying KPIs and give users a clear understanding of goal completion as the gauge shows the part-whole relationship. 

    Telerik UI for ASP.NET MVC Circular Gauge Overview
  • Color Ranges

    The Circular Gauge enables you to set different fill colors depending on the current value or range of values via its .Color options.  
  • Scale Customization

    You can modify the Gauge’s visual properties, including the colors, size, position and visibility of labels and ticks, as well as the Gauge’s value direction—whether it moves clockwise or counterclockwise.

    Telerik UI for ASP.NET MVC Circular Gauge Customization
  • Export to PDF, Image and SVG

    The Telerik UI for ASP.NET MVC Gauge can export its content as a standalone file to be viewed directly or processed by another application. Supported file formats include PDF, Image and SVG. This feature works thanks to the powerful Telerik Document Processing library.
  • Theming

    The Circular Gauge supports several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling) and Fluent (based on Microsoft Fluent UI). You can easily customize any of the available themes with a few lines of CSS or create a new theme to match your branding with the Telerik SASS ThemeBuilder

    Telerik UI for ASP.NET MVC Circular Gauge Theming

All ASP.NET MVC Components

Next Steps