Next
Update
Prev
Default

The TreeMap chart represents the chart data in the table that shows the parent-child relationship of the data with different box sizes. The child data box is displayed in the parent data box, which is a tree structure where each data box has its own color and size.

The <TreeMapChart> element tag is used to create a TreeMap chart in KoolChart, and the series element tag for the TreeMap chart is <TreeMapSeries>.

...
  <TreeMapChart ... >
    <series>
      <TreeMapSeries weightField="Score" nameField="Food" showGroupHeader="true" groupField="items" groupNameField="name" groupHeaderFontColor="#000000" ... >
        ...
      </TreeMapSeries>
    </series>
    ...
  </TreeMapChart>
...

<TreeMapSeries>

groupField The groupField attribute is used to set the field name of the group if the data is hierarchical.
groupHeaderColor The groupHeaderColor attribute is used to set the color of the group header.
groupHeaderFontColor The groupHeaderFontColor attribute is used to set the text color of the group header.
groupNameField The groupNameField attribute is used to set the field name of the data to be represented in groupHeader if showGroupHeader is true.
nameField The nameField attribute is used to set the field name for text words.
weightField The weightField attribute is used to set the field name for the weight value.

© 2017 KoolChart. All rights reserved.