KPI Ring Chart

The KPI Ring is a set of concentric donuts that can be used to represent KPIs in a very compact representation that makes them easy to compare.


Metrics - Minimum 1 metric required. We can add up to 3 metrics M1, M2 and M3 each representing a percentage value to be shown in the KPI ring circle.

Attributes - Optional.

Use as Filter Option - Not available

In the example below showcases the output of the KPI ring circle with the header.

kpi ring inputs1

We can compare 2 metrics M1 and M2, like, how much percentage contribution of M1 in M2. For example, if I want to show, what is the percentage of profit out of total revenue generated?

kpi ring inputs2

kpi ring inputs2


From the 4.5 version of vitara charts, adding thresholds is possible in KPI Ring chart.
This option is available in the thresholds tab of the property editor. See the screenshot below.

Below is the example of the threshold applied on the KPI Ring chart.

Formatting the Ring

From 4.5 version of vitara charts, a new feature is added in KPI Ring which helps to set the Ring thickness, start and end angles and Unfilled ring color.
All these settings are available in the ‘KPI Ring’ tab. See the screenshot.

Formattings such as Ring thickness, Start and End angles will be applied in common to all rings, whereas unfilled color applies separately for each ring.

Below is the screenshot of a KPI Ring chart with ring thickness, start and end angle formattings applied.
Thickness - 15
Start Angle - 300
End Angle - 240

Below is the screenshot of a KPI Ring chart with unfilled color applied as “red” for all rings.

Background Image

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

Small Multiples

KPI Ring chart supports small multiples feature.Small multiples is explained in smallMultiples.

Below are the screenshots where Small multiples is applied.

kpi ring inputs3

kpi ring inputs4