Pie Chart
This page describes how to set up and configure the Pie Chart component .
The following screenshot shows a pie chart in donut style.
Set up a Pie Chart
To set up a Pie Chart component, click-and-drag the component into the workspace and configure the following:
-
Define a data source.
-
Select Series Key for category data.
-
Add a Layer, and define the Series Data to plot.
Refer to Pie Chart properties described in the next section for details on additional properties.
Pie Chart properties
The following sections provides details on how to configure the properties of the Pie Chart component.
Basics
Open the Basics properties on the right and configure the properties described in the following table.
|
Field |
Description |
|---|---|
|
Name |
Enter a name for the component. |
|
Data Source |
A data source. |
|
Focus |
|
|
Selected Value |
A View State Parameter/s and data-source column/s: maps to a chart (query) data point when a chart segment is clicked by the user. |
|
Selected Value Attribute |
|
|
Popout onSelected |
Slide out pie selection. |
|
Popout Size |
Action
Data
Configure the properties described in the following table.
|
Field |
Description |
|---|---|
|
Series Key |
Category from Data Source. |
|
Cut out % |
Size of donut hole. |
|
Rotation |
Rotation of Series Key labels. |
|
Circumference |
100% is a full circle, 50% is half-circle. |
Layers
Configure the properties described in the following table.
|
Field |
Description |
|---|---|
|
Series Data |
Data to define pie sections from Data Source. |
|
Display |
Title of pie chart. |
|
Use color Palette |
Check to replace standard single color per segment with Color Palette option. |
|
Color |
If you are not using a Color Palette, set the single color and opacity (0-100) to be used for all segments. |
|
Border Color |
|
|
Color Opacity |
Highlight rules
Rules for color-coding charts: best used with real-time streaming or polling data.
|
Field |
Description |
|---|---|
|
Rule Name |
A name for the rule. |
|
Rule Source |
The Data Source column to which the rule will apply: |
|
Condition |
|
|
Rule Color |
The color to display when the condition is true. |
|
Rule Border Color |
|
|
Show in Legend |
When checked, the highlight rule legend will appear in the chart. |
Legend
Configure the properties described in the following table.
|
Field |
Description |
|---|---|
|
Display |
Check to use a legend. |
|
Reverse Order |
Change direction of pie-chart labels. |
|
Position |
Location of pie chart. |
|
Label Color |
Color of the text label. |
|
Label Font Size |
Font size of the text label. |
|
Full Width |
Width of label. |
|
Legend Box Width |
Set the dimension of the text legend. |
|
Legend Box Padding |
|
|
Use Point Style |
Switch between block- and point-style legends. |
|
Scrolling Legends |
If pie-chart size is smaller than size required to display the legend, add a scroll bar for the legend. |
|
Mode |
With |
Padding
Configure the properties described in the following table.
|
Field |
Description |
|---|---|
|
Left |
Set the pixel size adjustments relative to the component / label. |
|
Right |
|
|
Top |
|
|
Padding |
Labels
Configure the properties described in the following table.
|
Field |
Description |
|---|---|
|
Inner Label |
Set values for Text or icon display for the center of the pie chart. |
|
Inner Label Font |
|
|
Inner Label Size |
|
|
Inner Label Color |
|
|
Show Piece Label |
These properties set formats for pie-chart labels. For example, whether they follow the curve of the pie-chart circle (Piece Label Arc) or sit outside the pie chart (Piece Label Position). |
|
Piece Label Show Zero |
|
|
Piece Label Arc |
|
|
Piece Label Overlap |
|
|
Piece Label Type |
|
|
Piece Label Position |
|
|
Piece Label Color |
|
|
Piece Font Size |
|
|
Format |
Sets format for label. |
|
Decimal Places |
If a numeric Format is used it sets the number of decimal places to display in the label. |
|
Hide Trailing Zeroes |
Remove excess zeroes from label. |
|
Date/Time Format |
If a time Format is used it sets the format for time-based labels. |
|
Prefix |
Adds a text label before the display Label. For example, |
|
Suffix |
Adds a text label after the display Label. For example, |
Animations
Configure the properties described in the following table.
|
Field |
Description |
|---|---|
|
Enabled |
When checked offers smoothing render animation. |
File export
Refer to Export for settings.
Style, Margin & Format
Refer to Style and Custom tooltips for common settings.