Pie Chart¶
The Pie Chart component displays proportional data as circular slices, with each slice size representing the relative value of data categories.
Configuration¶
Configure the component with these main sections:
| Option | Description |
|---|---|
| Data Source | Required data source for chart data |
| Name Field | Field containing slice labels/categories |
| Value Field | Field containing numerical values for slice sizes |
Control chart positioning and appearance through pie configuration options:
| Option | Description |
|---|---|
| Chart Offset | Position chart within container (top, left, right, bottom spacing) |
| Pie Chart Size | Overall diameter of the pie chart (slider control) |
| Start Angle | Starting position for first slice (0-360 degrees) |
| Slice Offset | Spacing between individual slices |
| Gap between slices | Pixel spacing between chart segments |
| Border Radius | Rounded corners for slice edges |
| Inner/Outer Pie Radius | Control donut chart appearance with inner radius |
| Clockwise | Direction of slice arrangement |
Customize slice labeling with label options:
| Option | Description |
|---|---|
| Value Template | Format for slice labels using text templates |
| Max Label Width | Maximum width for label text |
| Lead Length | Length of label leader lines |
| Inner and Outer Point Radius | Control label positioning relative to slices |
Styling includes color maps, individual color control, and legend configuration with positioning and formatting options.
Use Cases¶
- Proportional analysis - show relative sizes of different categories or segments
- Budget breakdowns - visualize spending or allocation across different areas
- Market share analysis - display competitive positioning with proportional slices
- Survey results - represent response distributions for categorical questions
- Performance metrics - show relative performance across departments or products
Tips¶
- Ensure data source contains both name and value fields for proper chart generation
- Use Start Angle to position the most important slice at the top
- Apply Slice Offset to highlight specific slices by separating them
- Configure Inner Pie Radius to create donut charts for additional visual interest
- Use color maps for consistent theming across multiple charts in reports