Pie & Donut Charts
ApexCharts circular family — basic pie, donut with a centre total, gradient, semi-circle and monochrome variants.
Donut · centre total
Revenue by Category
Six categories with the headline total in the ring
- Lighting $386K
- Desk $290K
- Drinkware $218K
- Storage $133K
- Stationery $109K
- Tech $72K
| Category | Revenue | Share |
|---|---|---|
| Lighting | $386K | 32% |
| Desk | $290K | 24% |
| Drinkware | $218K | 18% |
| Storage | $133K | 11% |
| Stationery | $109K | 9% |
| Tech | $72K | 6% |
Basic pie
Traffic Sources
Share of sessions
Semi-circle · gradient
Storage Used
180° gauge-style donut
Used of 512 GB
348 GB
Gradient fill
Plan Mix
Accounts by tier
Monochrome
Sessions by Device
Single-hue accent ramp
- Desktop 58%
- Mobile 34%
- Tablet 8%
Pie vs. donut
Quick guidance
Keep slices few
Five or six categories max — more and the eye gives up.
Donut for a headline
The hole is prime space for the total or a KPI.
Monochrome for ranked parts
An accent ramp reads order without six hues.
Largest category
Lighting · 32%