Circular (Angular) and Linear Gauges

Overview

In our everyday life "Gauge" is an instrument with a graduated scale or dial for measuring or indicating quantity. In AnyChart Gauges serve the same purpose and can be of two types: Circular Gauge and Linear Gauge.

You can create a nice looking indicators to view business Key Performance Indicators (KPIs) or reproduce barometers, thermometers or voltmeters in your applications.

Circular Gauge looks like gauges on a car dashboard. It consists of radial scale, holding your data range, pointer, and might support different color ranges for classifying your data. Gauges can be not only circular, but also semi-circular, actually - AnyChart supports any angle ranges.

Color ranges are used to decide whether your data is in preset limits. You can set the desired number of different colors depending on the number of your conditions, for example for may have only 2 colors for satisfactory and unsatisfactory results of a whole palette consisting of 9 or 10 colors displaying different temperature ranges.

You can use multiple pointers and even multiple data ranges, placing them in any place of the chart and inverting data ranges direction. Circular ranges have an adjustable data scale, you can define its length, minimum and maximum values, and so on. AnyChart Circular Gauge's fully adjustability lets you create a large variety of circular gauges, and not a single of them will look like another.

The Linear Gauge is a slider, or a wide line, that can hold much information and possess a variety features. It can be either vertical or horizontal, have any width of the line and use a single or multiple pointers to show your data value.

AnyChart Gauges have the real-time updating feature, that allows you to update your data in a specified interval without any page refreshing or other superfluous operations.

Linear Gauge's main idea is moving a pointer or pointers on a range of data, showing some point's value of difference between points. You can use multiple pointers and even multiple data ranges, placing them in any place of the chart.

Like in Circular Gauge, you can use different color ranges for background coloring, and these ranges are a significant element of your gauge and carry great semantic sense.

The adjustable options let you create any type of gauge you want, make them look like in real life and perform any functions, even surpassing their real analogues.

to top

Main features

Here is a list of main AnyChart Gauges Features we want to highlight - we did our best to create a flexible and powerful gauge creation engine:

to top

Recommended Tutorials

Here is a list of Tutorials we recommend to read for easy start creation of your own gauges:

As soon as you understand the basics - choose the part you want to modify and look for the appropriate article in our documentation. And, as usual, feel free to contact AnyChart Support Team any time you need help.

to top