The JSP Circular Gauge control is ideal for visualizing numeric values over a circular scale. A circular gauge, also known as a radial gauge, can be used to create a speedometer, meter gauge, multi-axes clock, modern activity gauge, direction compass, and more.
A scale holds the ranges and pointers in a circular gauge. Any number of scale elements can be added to a gauge. You can also customize the scale bar size, radius, and direction.
Customize the look and feel of default labels in a circular gauge by changing the font style, size, and color. Prefix or suffix text can also be added to the labels.
Define the desired style for major ticks and minor ticks in a gauge by changing their height, width, and color.
Add custom labels to visualize additional information on a circular gauge. Labels can be placed in any location of the gauge.
An indicator in the JSP Circular Gauge indicates the current status of the pointers based on its value. Each indicator can be rendered with different colors.
Legends provide additional information and are helpful in identifying individual ranges in a gauge. Circular gauge also provides various options to customize the position, alignment, shape, size, border, and font of the legend.
A range in the JSP Circular Gauge control is a visual element that helps quickly visualize where a value falls on the axis.
Change the position of a range or move it to any place inside the gauge.
The range width varies based on the values to enhance usage and readability.
You can add multiple ranges inside the axes to show color variations.
Indicate the values on an axis using pointers. The JSP Circular Gauge control supports two types of pointers: Marker and bar.
Point out the current value by using different types of marker pointers.
Use needle pointer to point the current value from the start value of the axes.
The JSP Circular Gauge control provides a visually appealing way to view its pointers with animated transitions for a certain duration. Experience smooth pointer transitions by moving the pointer from one place to another.
The interactive circular gauge control provides an option to drag the pointer from one place to another. This allows you to control the pointer with swipe gestures and change the value at runtime.
The interactive JSP Circular Gauge control provides options to display details about a pointer value using a tooltip when hovering the mouse over the labels.
Export the rendered circular gauge in image formats such as BMP, GIF, and JPG in client-side.
The appearance of each element in a circular gauge, such as scales, ranges, intervals, pointer positions, label positions and tick positions, can be customized easily.
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.