AG Grid
Best JavaScript Grid in the World
AG Charts
Best JavaScript Charts in the World
AG Studio
Best JavaScript Dashboard in the World
Bryntum Gantt
Speed-tuned Gantt chart for project planning
Bryntum Scheduler
Resource scheduling timeline component
PROPRO
Bryntum Scheduler Pro
Scheduler with auto-scheduling and constraints
Bryntum Calendar
Flexible JavaScript event calendar
Bryntum Task Board
Kanban-style task board component
Search⌘ KCtrl K
  • Examples
  • Gallery
  • Docs
  • API
  • Community
  • Pricing
  • Contact Us
  • GitHub
  • AG Grid
  • AG Studio
  • Bryntum Gantt
  • Bryntum Scheduler
  • Bryntum Scheduler Pro
  • Bryntum Calendar
  • Bryntum Task Board
  • Examples
  • Gallery
  • Docs
  • API
  • Community
  • Pricing
  • Contact Us
  • GitHub

Multiple Donut Charts Example

This example shows a donut chart built with AG Charts, nesting multiple donut series as concentric rings so each part sits inside the total it belongs to. An outer radius ratio and inner radius ratio size the two rings, corner radius rounds the sectors, a global formatter adds units to every value, and tooltips report each slice's share.

Get started with JavaScript, React, Angular or Vue.

  • Copy Link
  • New Tab

More Chart Examples

View All Examples

Donut Chart Example
Donut Chart With Variable Radius Example
Map Chart With Multiple Shape Series Example
Multiple Map Chart Series Example
Map Chart with Heatmap Example
Map Chart With Shapes and Lines Example

© AG Grid Ltd 2015-2026

AG Grid Ltd registered in England & Wales.
Company No. 07318192.
VAT no. GB998360167

Registered address
AG Grid Ltd
70 Wilson Street
London
EC2A 2DB

Documentation
  • Getting Started
  • Roadmap
  • Changelog
  • Pipeline
  • Documentation Archive
Support & Community
  • Blog
  • Stack Overflow
  • License & Pricing
  • Support via Zendesk
  • Security
The Company
  • AG Grid
  • AG Studio
  • About
  • Contact Us
Follow
  • GitHub
  • X
  • YouTube
  • LinkedIn
  • Terms of Use
  • Privacy Policy
  • Cookies Policy
  • Manage Cookies
  • Modern Slavery
  • Sitemap