• Open in:

Animated Gauge

Gauge charts are most useful for displaying live data. This demo shows such a chart in action.

Key implementation details

The colored bands on the circular axis are created using the axis range feature. The “clock hand” is configured to have a large “pin” in the center and a thin “hand”. Then we just animate all of these in unison when data changes.

Related tutorials

Demo source