Setting properties for Treemap chart

You need to set chart properties for the charts that you add to a widget.

Setting Chart properties

• Complete the following steps to set chart properties:
  1. On the widget page, click the Set Properties icon.

     The Set Properties window opens.

  2. Click the Chart tab.
  3. In the navigation pane of the Chart tab, click Chart.
  4. 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.

  5. 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 as 1. The chart shows, the root, the parent, and the three child elements, and each child element displays two cells that indicate two subchild elements.

  6. 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.

  7. 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.
  8. 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.

Setting Series properties

• In the navigation pane of the Chart tab, click Series, and complete the following steps in Series pane:
  1. 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.
  2. 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.

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:
    1. In the Range fields, select or enter minimum and maximum values.
    2. Click the colored boxes under BG and the colored box next to Text to open the Color picker, and select a color.
    3. To add more ranges, click Add Another.
    4. To delete a range and the color that you assigned to it, click the Delete icon that is displayed next to it.
    5. 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:
    1. Click the colored boxes placed next to Max value, Min value, and Text.
    2. In the Color picker, select a color.