Treemap series
A treemap divides an area into rectangles sized by value and grouped by a hierarchy.
When to use
Use it to show how many items contribute to a total within groups, such as storage by folder. Use Bar-Y for precise rankings: similar rectangle areas are harder to compare.
Example
Data
Set type: 'treemap'. Give leaf nodes a name and a non-negative value. To create groups, give parent nodes an id and reference it with each child’s parentId; omit value on parents. Omit parentId for top-level nodes and keep IDs unique.
Series options
layoutAlgorithm chooses the tiling method; the default is binary. Use levels to set padding at a hierarchy depth. The example uses squarify and levels: [{index: 1, padding: 8}] to separate Documents from Media. Set sorting: {enabled: true, direction: 'desc'} to arrange larger values first; otherwise input order is preserved.
Colors
Tiles use the series color by default. Set color on leaf nodes or use levels[].color to color a depth. See Colors.
Data labels
Labels show leaf names by default. A name array supplies multiple lines. Use dataLabels.align, padding, and style for placement, or set enabled: false to hide labels. Text is shortened or omitted when a tile has insufficient space.