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