V1Donut

A graphical representation of data in a circular-shaped graph with a cutout.

Submit feedback

View source code

V1 components are not compatible with the flattenTokens hook or the DefaultPropsProvider, nor can they be themed using component-level design tokens.

A future redesign will deliver V2 versions of these components and make them compatible with these features.

Table of Contents

Donut chart
Donut options
Limitation
Data structure
Options
Chart description
Chart type
Pattern donut chart
Title offset
Data labels
Hiding dropdowns
Showing dropdowns