Setting properties for Treemap chart
You need to set chart properties for the charts that you add to a widget.
Procedure
Setting Chart properties
-
Complete the following steps to set chart properties:
- On the widget page, click the Set Properties icon.
The Set Properties window opens.
- Click the Chart tab.
- In the navigation pane of the Chart tab, click Chart.
- In the Chart depth list, enter or select the number of
hierarchy levels to be displayed simultaneously on the chart.
The default value is
1
, where only the root and the first-level parent elements are displayed on the chart.For example, consider the following data:- Root element
- Two parent elements
- Three child elements per parent element
- Two subchild elements per child element
Using the default Chart depth value, the published or previewed chart displays only the root element and the two parent elements. If you set the Chart depth value to
2
, then the chart shows, the root, the parent, and the three child elements. - In the Chart hint list, enter or select the number of hidden
hierarchy levels to be displayed as lines on the chart. These hidden hierarchy levels are the child
and the subchild elements that are displayed on the chart.
The default value is
0
, where the hidden hierarchy levels are not displayed.Chart hint depends on Chart depth. Child or subchild elements are displayed on the chart based on the chart depth value.
For example, consider the following data:- Root element
- Two parent elements
- Three child elements per parent element
- Two subchild elements per child element
If both Chart depth and Chart hint are set to
1
, then the published or previewed chart displays the root and the parent elements, and each parent element displays three cells that indicate the child elements.However, if you set Chart depth as
2
, and Chart hint as1
. The chart shows, the root, the parent, and the three child elements, and each child element displays two cells that indicate two subchild elements. - If you want the chart to display a tooltip label for the Size
and Value fields, then select the Show tooltips
checkbox, and enter tooltip labels in the Tooltip label for Size and
Tooltip label for Value fields.
You can specify the Size and Value fields in the Series tab.
- If you want the chart to display a unit for the tooltips, then select the Add a unit to the tooltips checkbox, enter a unit for the tooltip in the Unit for Size and Unit for Value fields, and from the Unit position lists, select the unit position.
- If you want the chart to display name of each parent and child node, and also its value, then select Show labels on the chart checkbox, and select the Show Name and Show Value check boxes.
- On the widget page, click the Set Properties icon.
Setting Series properties
-
In the navigation pane of the Chart tab, click
Series, and complete the following steps in Series
pane:
- In the ID, Parent, Node
label, Size, and Node value fields, enter
the column names from the manual data definition preview. Enter only those column names that you
want to display on the chart. Note: The parent-child relation in the Treemap chart is based on the ID and Parent columns.
- From the Sorting order list, select any one of the following
options to sort the Size column data. If the Size
column is not provided, then data is sorted for the Node value column.
- To sort the data in ascending order, select Ascending.
- To sort the data in descending order, select Descending.
- If you do not want to sort the data, select None.
- In the ID, Parent, Node
label, Size, and Node value fields, enter
the column names from the manual data definition preview. Enter only those column names that you
want to display on the chart.
Setting Color properties
- In the navigation pane of the Chart tab, click
Color, and complete the following steps:
- If you want the chart to be displayed according to the default theme colors of the dashboard, click Dashboard Theme Colors.
- If you want to define value ranges and set background color and label color for each range,
click Define a Custom Static Color Range, and complete the following
steps:
- In the Range fields, select or enter minimum and maximum values.
- Click the colored boxes under BG and the colored box next to Text to open the Color picker, and select a color.
- To add more ranges, click Add Another.
- To delete a range and the color that you assigned to it, click the Delete icon that is displayed next to it.
- If you want the chart to display the ranges as legends, then select the Show Range as
Legend checkbox.
Each range is displayed in the lower chart area.
- If you want the chart to be displayed in a linear color range, then click Define
a Custom Linear Range, and complete the following steps:
- Click the colored boxes placed next to Max value, Min value, and Text.
- In the Color picker, select a color.