Treemap

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.

Last updated