{"id":352,"date":"2012-04-02T22:59:32","date_gmt":"2012-04-02T22:59:32","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=352"},"modified":"2015-05-05T23:24:11","modified_gmt":"2015-05-05T23:24:11","slug":"circular-and-linear-gauges-in-anychart","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2012\/04\/02\/circular-and-linear-gauges-in-anychart\/","title":{"rendered":"Circular and Linear Gauges in AnyChart"},"content":{"rendered":"

Today we are going to highlight another useful feature of our product. A Gauge (also known as Meter)<\/a> is an instrument with a graduated scale or a dial for measuring or indicating quantity. As a rule, it is used to show business Key Performance Indicators (KPIs) and to reproduce barometers, thermometers or voltmeters. In AnyChart two types of gauges are available: Circular and Linear.<\/p>\n

The Circular Gauge<\/a> is like gauges on a car dashboard. It consists of a radial scale holding your data range and a pointer. Gauges can be not only circular, but also semi-circular. In fact, AnyChart supports any angle ranges. <\/p>\n

Our component also provides the opportunity to implement color ranges, which are used for classifying data. You can set the desired number of different colors depending on the number of your conditions. For example, you may have only 2 colors for satisfactory and unsatisfactory results or a whole palette consisting of 10 colors indicating different temperature ranges.<\/p>\n

You can use multiple pointers and even multiple data ranges, place them anywhere or invert data ranges direction. Circular ranges have an adjustable data scale, so you can define its length, minimum and maximum values, and so on.<\/p>\n

Horizontal Linear Gauges<\/a> and Vertical Linear Gauges<\/a> are sliders or a wide lines (either vertical or horizontal). Their main idea is moving a pointer or pointers over a range of data to some point’s value or the difference between points.<\/p>\n

AnyChart gives you the opportunity to use multiple pointers and multiple data ranges, set the width of the line and the number of pointers. Different color ranges for background coloring are available, being a significant and very informative element of your gauge.<\/p>\n

With AnyChart you have the freedom to create unique gauges, because all elements are fully adjustable. You can create any gauges needed, make them look like in real life and perform any functions, even surpassing their real analogues.
\n

<\/center>
\nHere is the list of main available features:<\/p>\n