A treemap is a chart used to display hierarchical data structures. It visualizes hierarchical relationships by nesting data in rectangular areas. Each rectangle represents a category, and its size corresponds to the category's value. Treemaps are excellent for visualizing proportions across multiple categories, especially with large datasets, helping to quickly analyze the importance or weight of data.
Global Tech Industry Market Cap Distribution, Covering Software, Hardware, Semiconductors, and Internet
China Internet Industry Market Distribution by Segment, Custom Colors
Global GDP Distribution by Continent, Custom Palette
| Property | Type | Required | Description |
|---|---|---|---|
| type | string | required | Value must be "treemap". |
| data | Object[] | required | Chart data, array of objects containing nested objects. |
| data.name | string | required | Category name. |
| data.value | number | required | Category value. |
| data.children | Object[] | optional | Subcategory list. |
| title | string | optional | Chart title. |
| theme | 'default' | 'dark' | 'academy' | optional | Chart theme, default is "default". |
| style | Object | optional | Chart style. |
| style.backgroundColor | string | optional | Must be a valid color value. |
| style.palette | string[] | optional | Must be an array of valid color values. |
