Canvas-based pie and doughnut charts powered by Chart.js. Segments are colored automatically from the palette; use colors to override.
Color overrides should use six-digit hex strings because these wrappers append alpha suffixes. For custom configurations and instance lifecycle, see Chart Base & Helpers. To fill a fixed-height container, set options={{ maintainAspectRatio: false }}.
Standard pie chart with auto-colored segments.
Doughnut chart with configurable inner cutout via the cutout prop.