TreeMap

The TreeMap visualizes the distribution of hierarchical data. It uses nested rectangles of different sizes and colors to show how much each category or subcategory contributes to the whole data set.

OverviewProperties

TreeMapProps

Signature:

export declare type TreeMapProps = | ;

TreeMap.Legend

To configure the legend, add TreeMap.Legend to the TreeMap chart.

TreemapChartLegendConfig

Signature:

export declare type TreemapChartLegendConfig = ;

TreeMap.Tooltip

To configure the tooltip, add TreeMap.Tooltip to the TreeMap chart.

TreeMap.EmptyState

TreeMap.EmptyState provides a slot where the Empty state wrapper can be set.

EmptyStateProp

Name	Type	Default	Description
children

TreeMap.ErrorStateSlotProps

TreeMap.ErrorState provides a slot where the Error state wrapper can be set.

ErrorStateProps

Name	Type	Default	Description
children	| ((errorMessage: ) => .)

TreeMap.Toolbar

TreeMap.Toolbar is a slot to hide or to configure the toolbar.

CompactToolbarProps

Signature:

export declare type CompactToolbarProps = & { hidden?: ; placement?: []; };