Gallery

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 Circular gauge bars with icons in shape labels that use an outer shape.

Edit Code

- Circular Activity
  Animated activity rings.
- Circular Axis Line Palette
  Circular axis lines with smartPalette fills.
- Circular Column Markers
  Custom and automatically rotated point marker shapes on circular bars.
- Circular Countdown
  A countdown timer using circular columns.
- Circular Gantt
  Circular gantt chart with a custom legend.
- Circular Gantt Nested
  Nested circular gantt chart with a custom legend.
- Circular Grid
  Circular chart axis grid features.
- Circular Line Breaks
  Axis line breaks at tick positions.
- Circular Live Data
  Live data with circular columns and smartPalette.
- Circular Marker
  Gauge with two points of varying widths.
- Circular Overflow
  Circular activity ring showing color change when value exceeds axis scale.
- Circular Shape Labels
  Multiple shape labels used on a circular gauge.
- Circular Sleep
  Circular bars that span axis origin.
- Circular Sweep Guides
  Examples of visual guides for circular gauge columns.
- Circular Tick Placement
  Circular axis tick placement options.
- Circular Wind
  Radial gauge bars with icons in shape labels that rotate based on data.