Angular Gauge Chart

The Angular Gauge chart is designed to display specific data using a semicircular shape with the pointer. The semicircular shape is created by defining the lower limit and upper limit, using functions like sum, min, max, count. Within that scale, we can create various color ranges in thresholds to classify the data.

We can make the pointer to indicate the sum/ avg/ min/ max/ count/ first/ last values of the metric over the semicircular shape. Thresholds can also be created on the pointer.


Metrics: 1 or more metrics

Attributes: 1 attribute.

Use as Filter Option - Not Available

angularGauge inputs


You can add a title in Angular gauge chart and can do text formattings to the title. User can do labels formattings too in the Axes property tab.

angularGauge inputs


User can see the pointer at any aggregation level of the metrics with start and end values. Example of Cost metric shown with avg aggregation with start value as ‘First’ aggregation and end value as ‘second’ aggregation. See the beow screenshot.

angularGauge inputs

Background Image

The steps to set a background image for all Vitara charts are explained in backgroundImage.