Sunburst Chart
This page describes how to set up and configure the Sunburst Chart component.
A Sunburst Chart has an inner circle surrounded by rings of deeper hierarchy levels. The angle of each segment is proportional to a value or divided equally under its parent node.
Set Up a Sunburst Chart
To set up a Sunburst Chart component, click-and-drag the component into the workspace and configure the following:
- Assign a data source.
- Set Breakdown with a view state parameter of type
list, with the categories from your data source.
Refer to Sunburst Chart properties described in the next section for details on additional properties.
Sunburst Chart Properties
The following sections provides details on how to configure the properties of the Sunburst Chart component.
Basics
Open the Basics properties on the right and configure the properties described in the following table.
| Field | Description |
|---|---|
| Name | A name for the component provided by the user. |
| Data Source | Refer to Data sources for details. |
| Focus | A view state parameter for linking components. |
| Node Click | default — A fixed sunburst chart displaying all hierarchies as a single entity at all times. rootToNode — Redraws the chart based on the selected hierarchical interaction. |
| Selected Value / Selected Value Attribute | A view state parameter storing the selected hierarchy level as defined by Selected Value Attribute. Selected Value Attribute is one of name, value or dataIndex. |
Data
Configure the properties described in the following table.
| Field | Description |
|---|---|
| Breakdown | Type list view state parameter to define hierarchical levels from the data source. |
| Weight | Dependent (numeric) variable from data source to define node size. |
| Color | default — Shared color across node hierarchies. fixed — One color across all nodes. level — Different colors at each hierarchical level. visual map — Gradient color by Weight range. Data column — Selected from the data source. |
Config
Configure the properties described in the following table.
| Field | Description |
|---|---|
| Radius Inner | A value above zero adds a 'doughnut' hole to the Sunburst chart. |
| Radius Outer | A value at 100 bounds the sunburst chart to the top and bottom of the component boundaries. |
Label
| Field | Description |
|---|---|
| Show | Toggle to show Display labels for each node value. |
| Display | Display values are taken from a column in the data source. |
| Color | Font color for labels. |
| Rotate / Position / Align | Set the position and alignment of labels. |
Font
| Field | Description |
|---|---|
| Radius Outer / Radius Inner | Set the font size and font style of node labels. |
Format
| Field | Description |
|---|---|
| Format | Format of label. |
| Decimal / Hide Trailing Zeroes | For numeric Formats. |
| Date/Time Format | For Datetime Format. |
| Prefix / Suffix | Add a piece of text (for example a currency symbol or percentage) before or after the label. |
| Threshold | Frequency of node labels. |
| Fit Text | Select between Shorten Text or Overflow for the fit of labels. |
Visual Map
Configuration for visual map of data color options.
| Field | Description |
|---|---|
| Type | Select between continuous gradient or defined piecewise. |
| Label Color | Font color of Pieces label. |
| Min / Max | Set the min/max range of the visual-map gradient. |
| Pieces | Number of piecewise sections to use for the visual map. |
Tooltip
Click the Tooltip checkbox to display a tooltip on rollover of node values and labels.
Highlight Rules
Refer to Highlight Rules for details.
Style, Format, Margins
Refer to Style for details.