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 JSP Linear Gauge Control is ideal for visualizing numeric values over a linear scale. Linear gauge offers creation of cylinder gauge, thermometer, pressure gauge, ruler, KPI and more.


Orientation

Position the linear gauge either in vertical or horizontal orientation. This is helpful when viewing the gauge on mobile devices.


Scales Customization

A scale holds the ranges and pointers in linear gauge. Customize the shape of the scale as a rectangle, rounded rectangle, or thermometer.


Labels customization

Customize the look and feel of the default labels in the linear gauge by changing the font style, size, and color. Prefix or suffix text can also be added to the labels.

JSP linear gauge chart rendered with customized labels


Ticks customization

Define the desired style for major ticks and minor ticks in the gauge by changing their height, width, and color.

JSP linear gauge chart rendered with customized ticks


Custom labels

Add custom labels to visualize additional information on the linear gauge. And it can be placed in any location of the gauge.

JSP linear gauge chart rendered with custom labels


Indicators

An indicator in the linear gauge indicates the current status of the pointers, based on its value. Each indicator can be rendered with different colors.

JSP linear gauge chart with indicators


Range customization

A range in the JSP Linear Gauge Control is a visual element that helps to quickly visualize where a value falls.

JSP linear gauge chart rendered with range

Range position

Change the position of a range or move to any place inside the gauge.

JSP linear gauge chart rendered with modified range width

Range width

The range width varies based on the values to enhance usage and readability.

JSP linear gauge chart rendered with multiple ranges

Multiple ranges

You can add multiple ranges inside the axes as a result to show color variations.


Pointer Types

Indicate the values on an axis using pointers. The JSP Linear Gauge Control supports two types of pointers: marker, and bar.

JSP linear gauge chart rendered with marker pointer

Marker pointer

Point out the current value by using the different types of marker pointers.

JSP linear gauge chart rendered with bar pointer

Bar pointer

Use bar pointer to point the current value from the start value of the axes.


Pointer Animation

The JSP Linear 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.

JSP linear gauge pointer animation


Pointer Interaction

The interactive Linear Gauge Control provides an option to drag the pointer from one place to another. Control the pointer with swipe gestures and change the value at runtime.

JSP linear gauge pointer interaction


Tooltips

The interactive JSP Linear Gauge Control provides options to display details about the pointer value through a tooltip when hovering the mouse over the labels.

JSP linear gauge tooltip


Export

Export the rendered linear gauge in image formats such as BMP, GIF, and JPG in client-side.

JSP Export linear gauge


Appearance

The appearance of each element in the linear gauge, such as scales, ranges, intervals, pointer positions, label position, tick positions, and more can be customized easily.

JSP linear gauge appearance


60+ JSP 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