Skip to main content

Circular Gauge / Activity Ring Charts

JavaScript Chart Types

Circular Gauge / Activity Ring Charts

JSCharting gauge charts now support circular and nested activity ring gauges with automatic colour adjustments and shadows when gauge values exceed 100%.

Circular Icons Gauge Chart

Circular gauge bars with icons in shape labels that use the outer shape feature.

Edit
A circular ring chart that illustrates the history of life on earth.
Animated activity rings.
Circular axis lines with smartPalette fills.
Custom and automatically rotated point marker shapes on circular bars.
A countdown timer using circular columns.
Circular chart axis grid features.
Axis line breaks at tick positions.
Live data with circular columns and smartPalette.
Gauge with axis line breaks and a point on top of the axis line.
Gauge using a colorized axis line with breaks and a data point on top of the axis line.
Interactive gauge with axis line breaks and a data point on top of the axis line.
Gauge with styled axis line breaks and a data point on top of the axis line.
Circular gauges with differing styles combined into a single chart.
Circular activity ring showing color change when value exceeds axis scale.
Multiple shape labels used on a circular gauge.
Circular bars that span axis origin.
Examples of visual guides for circular gauge columns.
Circular axis tick placement options.
Radial gauge bars with icons in shape labels that rotate based on data.