We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The circular gauge looks like a speedometer in the vehicles. The elements of the gauge such as pointer, pointer cap, scales, ticks, labels, and state indicators can be easily customized.


Easy Customization

The look and feel of a gauge is easily customized by changing the styles of the pointer, pointer cap, scales, ticks, labels, and state indicators.

Circular gauge


Circular gauge with indicators

State Indicator Styles

The state indicator styles available within circular gauges are circular LED, rectangular LED, rounded rectangular LED, and the normal text. The main purpose of this indicator is to show the current state of the gauge with a specific color, based on its current value.


Custom labels

The circular gauge control supports custom labels. These labels display custom text and can be customized by location, background color, and size.

Circular gauge with custom labels


Circular gauge with ranges

Range Indicators

The gauge control supports range indicators that can be used to highlight each specific range within a gauge scale with a different color. The users can specify their required start and end values for each range indicator within the gauge. They can also be located at different positions — such as cross (across the scale), inside (below the scale), and outside (above the scale).


Multiple Scales and Pointers

Gauges can be customized with multiple scales and pointers within a single gauge. Any number of scale elements and pointers can be added to a gauge.

Circular gauge with pointers


Circular gauge with label format

Label Format

The circular gauge control provides various formatting options for labels to be displayed in any desirable format. For instance, the percent symbol can be specified to be appended after the label value.


Label Tick Customization

The appearance of a label tick mark in a circular gauge can be easily customized with its available options. The height and width of the text, its distance from the scale, and also its color can be easily customized.

Circular gauge with ticks


Circular gauge with tooltip

Label Tooltip

Tooltip will be displayed for the gauge label and custom labels. The tooltip can be customized with templates.


Outer Custom Label

An outer custom label can be displayed on the top, left, right, and bottom of the gauge.

Circular gauge with outer label


Export circular gauge

Export

The gauge control provides support for exporting a gauge control into various image formats. Circular gauges can be exported into formats such as .jpg, .bmp, or .gif.


Pointer Image

The circular gauge control provides support to replace the pointer with an image. Image pointer is applicable for marker and needle type pointers.

Circular gauge with pointer


Legend

The legend will provide additional information and helpful in identifying the individual ranges in gauge. Circular gauge also provides various options to customize the position, alignment, shape, size, border and font of the legend.

Circular gauge with legend


85+ ASP.NET MVC UI CONTROLS

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon