Treemap Chart

Application Scenario

The treemap chart is used to describe the proportional relationship of hierarchical data, and can display the data of lower levels through drilling down. It uses rectangles to represent the hierarchical nodes, and the parent-child relationship is expressed by nesting matrices.

Starting from the root node, the space is divided into multiple rectangles according to the number of corresponding sub-nodes, and the sizes of the rectangles are decided by the node attributes. Each rectangle is recursively divided according to the sub-nodes of the corresponding node until the leaf node is reached.

The treemap chart is suitable for presenting data with hierarchical relationships and can intuitively reflect comparisons between the data at the same levels. The following figure shows the display effect.

Note:

When Use Label is selected, if the rectangle is too small, the label will not be displayed.

Chart Feature

Advantage: With more compact graphics, the chart can display more information compared with other charts with the same size canvas, which can show the weight between members.

Disadvantage: The treemap chart is not intuitive or clear enough, not as clear as tree diagrams, and not easy to arrange when the category proportion is too small.

Type

When inserting a chart as a cell element or a floating element, select Treemap Chart as the chart type, as shown in the following figure.

Data

The following figure shows the settings of binding data to the treemap chart.

• Data Source: Dataset data and Cell Data are available for the treemap chart.

• Index Name: If you select Use Tooltip under Style > Prompt, the text message will be displayed when you hover the cursor over a rectangle of the treemap chart.

• Level Quantity: Set the drilling level of the treemap here, which is 1 by default, match the level below.

• Level: The number of Level Quantity corresponds to the number of levels.

• Value: The value configured here affects the size of each rectangle.

• Summary: You can select First, Last, Sum (default value), Average, Maximum, Minimum, or Count.

Style

For details about the style design of the treemap chart, see Chart Style.

UnderStyle> Series > Drill, you can select On or Off to enable or disable the function, as shown in the following figure.

Special Effect

For details about the Special Effect setting of the treemap chart, see Chart Special Effect.

Data Preparation

Create a built-in dataset named Android, as shown in the following figure.

Chart Insertion

Merge required cells, right-click cell A1, choose Cell Element > Insert Chart > Treemap Chart, and click OK, as shown in the following figure.

Data Binding

Select the chart, select Data, set Level Quantity to 2, and the specific setting is shown in the following figure.

Note:

The number of Level Quantity is limited to 1~15. When changing the number of Level Quantity, the corresponding level options below will also reduce or increase accordingly.

Effect Display

1. PC

Save the template and click Pagination Preview. The following figure shows the preview effect.

2. Mobile Terminal

Note:

If you have enabled the Drill function of the treemap chart, there may be a flickering effect when drilling down in the mobile preview. Disabling the Drill function can solve this problem.

For details, you can click to download the template Treemap Chart.cpt.