Report Component - Pie Chart
Component Palette Icon:
Description
The Pie Chart takes a Data Source with two keys: a Label (typically a string) and a Value (typical a numerical value).
Properties
Configure Tab
| Property | Description |
|---|---|
| Data Key | Unique identifier or placeholder to the data source that will populate the chart. |
| Label Key | Key that will list the names of each segment in the legend on the chart. |
| Value Key | The key that will populate the chart with data. |
| Segment Colors | A unique color in the RGBA color space for each segment (wedge). Will repeat the colors if there are not enough to cover all of the different segments, so it is important to list a lot of colors here. |
Add Segment  | Adds a color wedge to the chart. |
Remove Segment  | Deletes a color wedge from the chart. |
Properties Tab
| Property | Description | Category |
|---|---|---|
| Data Key | Data key of the dataset that drives this pie chart. | Pie Options |
| Label Key | Column name inside the dataset represented by the Data Key which holds the pie wedge's label. | Pie Options |
| Label Style | Style for labels on the pie chart. Options are None (0), Simple (1), and Outset (2). | Pie Options |
| Label Format | Format of labels, if enabled. Use {0} = wedge name, {1} = value, {2} = percentage. | Pie Options |
| Label Font | Font used for this chart's labels. | Pie Options |
| Legend Font | Font used for this chart's legend. | Pie Options |
| Section Outline | Color to use for outline dividing sections. | Pie Options |
| Show Legend | If true, show the chart's legend. | Pie Options |
| Sort Order | Order to sort chart categories. This will determine colors used and order of the legend. | Pie Options |
| Style | Style for this pie chart. Options are Pie, 3D Pie, and Ring. | Pie Options |
| Value Key | Column name inside the dataset represented by the Data Key which holds the pie wedge's value. | Pie Options |
| Opacity | How opaque the fill color is, between 0 and 1. | Stroke and Fill |
| Stroke Style | What style of stroke or border to use: Hidden, Shape Outline, Border, or Double. To learn more about stroke styles, refer to Stroke and Fill Properties. | Stroke and Fill |
| Stroke | Details for the chosen stroke. Each Stroke has its own properties depending on the Stroke Style chosen. | Stroke and Fill |
| Roll | Number of degrees this shape is rotated clockwise. | Basic Properties |
| Scale X | Amount to scale the width of this shape. 1 is scale to 100%. | Basic Properties |
| Scale Y | Amount to scale the height of this shape. 1 is scale to 100%. | Basic Properties |
| Visible | If true, the shape will be visible. | Basic Properties |
| Width | Width of this shape in pixels. | Basic Properties |
| Height | Height of this shape in pixels. | Basic Properties |
| X | Horizontal distance in pixels between the left edge of this shape and the left edge of the page. | Basic Properties |
| Y | Vertical distance in pixels between the top edge of this shape and the top edge of the page. | Basic Properties |
Example
| Property | Value |
|---|---|
| Label Style | Outset |
Pie Chart Sample CSV Data
Fruit, Quantity
Apples, 15
Bananas, 56
Kiwis,19
Oranges, 33
Grapefruit, 7