Pie Chart
Use Pie Chart to display proportional data in a circular chart.
Content settings
| Setting | What it controls |
|---|---|
| Items | Chart slices or data rows. |
| Labels | Text labels for each slice. |
| Values | Numeric values used to draw proportions. |
| Colors | Slice colors. |
| Legend | Legend labels and display behavior when available. |
Style settings
| Style area | What you can adjust |
|---|---|
| Chart size | Width, height, and responsive sizing. |
| Typography | Label and legend text styles. |
| Spacing | Margin, padding, gap, and alignment. |
Best practices
- Use Pie Chart for simple proportions.
- Keep slice count low so labels remain readable.
- Add supporting text when the data needs explanation.
Testing notes
- Confirm every item has a clear label, numeric value, and distinguishable color.
- Preview the chart on mobile to make sure labels or legends do not crowd the chart.
- Add nearby explanatory copy if the chart depends on a timeframe, sample size, or source.
FAQ
When should I use Pie Chart?
Use it for simple proportional comparisons, such as traffic sources, audience segments, usage breakdowns, or offer composition.
What should I configure before publishing a pie chart?
Review chart items, labels, values, colors, legend behavior, chart size, typography, spacing, and responsive alignment.
How many slices should a pie chart have?
Keep the slice count low. If there are many categories or very small slices, use supporting text or another layout so visitors can understand the data.
What should I check if the chart is hard to read?
Increase chart size, simplify labels, reduce slice count, improve color contrast, or move details into nearby explanatory copy.