Treemap
Last updated
Last updated
A Treemap data visualization technique is used to display hierarchical data using nested rectangles; the treemap chart is created based on this technique of data visualization.
The treemap chart is used for representing hierarchical data in a tree-like structure. Data, organized as branches and sub-branches, are represented using rectangles, the dimensions and plot colors of which are calculated.
You can find a more in depth explanation about the treemap on this page: https://apexcharts.com/docs/options/plotoptions/treemap/
Properties of Tree Map Chart
Property Name | Data type | Type | Description |
Data source | List | Data Model | Data list source for the widget. |
Series | Text | Expression | This field is used to create different groups from the same data source. |
Categories | Text | Expression | This field is used to create different groups by series values. |
Values | Number | Expression | The values of the chart. |
Chart Title Size | Text | Dropdown | To set the size of the font for the title. (H1, H2, H3, H4, H5). |
Chart Title | Text | Expression | To set the title of the chart. |
Height | Number | Expression | Can be set to number, percentage of container or pixels. |
Width | Number | Expression | Can be set to number, percentage of container or pixels. |
Prefix | Text | Expression | Display a prefix for values on tooltip. |
Postfix | Text | Expression | Display a postfix for values on tooltip. |
Label Decimals | Number | Expression | Set number of decimals displayed. |
Tick Amounts | Number | Expression | Number of visual ticks for the scale on the vertical axis. |