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.