Gauge Chart

A gauge chart, also known as a dial chart, is a type of visualization to indicate progressive values. The chart resembles a dial or speedometer divided into three segments by default, indicating the ranges. The chart comprises a scale range, with a needle pointing to a certain value over the pivot point. Based on the range of the scale, we can have a half-gauge or a circular-gauge chart. A circular gauge chart, when compared to a simple gauge chart, shows the progression of multiple values without a needle pointer. 

The gauge chart is a great fit to track the progress on particular KPIs on dashboards. Gauge charts find more applications in manufacturing industries to track the OEE, availability, performance, and quality. The gauge chart also supports the target values, making it an easier activity to track the progress of the KPIs towards the target values.

Note

Treenode chart is an ideal option to showcase the part to whole contribution and for analyzing hierarchical data.

Note

• Use the Gauge chart only to show linear progress.
• Use clear, contrasting colors to differentiate between different ranges.
• Set appropriate ranges and divisions that are relevant to the data being displayed.
• Add target values to the chart only when necessary.

Dont's

• Do not use gauge charts for comparing multiple data points.
• Do not overcomplicate the gauge with too many ranges or unnecessary elements.
• Do not use ranges that don’t make sense or are not relevant to the metric.

Basic Configuration

Add and configure the required gauge chart type in Infoveave with the simple drag-and-drop option. Select the Datasource, the associated measure(s) and the dimension(s) required. Below are the simple steps on how to configure a gauge chart in Infoveave.

1. Drag the gauge chart and drop it onto the designer workspace, from the chart library.
2. Click on the gauge chart in the designer to select it.
3. With the gauge chart selected, go to the Configuration tab located in the Configuration panel.
4. Under the Configuration tab, select the Basic Configuration option to access the essential settings for the gauge chart.
5. Select the Datasource from Source which the chart will pull the data from the option.
6. Choose the Measure(s) that represents the numerical values you want to track based on the gauge chart. 
7. Use the Date (optional) to include a date dimension in your chart, useful for showing trends over time.
8. Enable Hide Zero Values option (optional) to hide bars that have a value of zero.

Chart Customization

Customizing the gauge chart allows you to tailor the widget appearance to meet your theme. With improved customization you can enhance the clarity on the data points, the chart aesthetics and set interactivity filters making your dashboard visually appealing also effectively communicating your data insights.

The basic customizations available for the gauge chart are as below

• General Modify the chart’s general appearance, including the background color, borders, shadows, and drill-out choices.
• Title Enable and customize the chart title’s text, font, color, and alignment.
• Position Set the vertical and horizontal position of the chart within the available chart area to present the chart in the best way.
• Gauge Series Customize the look and behavior of the data series, such as labels, colors, and backdrop.
• Gauge Measure Set the customization for the gauge label, pointer, progress, dual progress and anchor.
• Tooltip Customize the tooltip settings to improve the information shown when you hover over data points.
• Others Additional options for applying the shadows to the area chart.