TreeMap

• Name: Tree Map

• Description: Rectangular tree chart

• Playground Example

params$

• Type: Partial<TreeMapParams>

• Fields:

  Name	Description	Type
  paddingInner	Inner padding	number
  paddingOuter	Outer padding	number
  labelColorType	Label text color type	ColorType
  squarifyRatio	Rectangle aspect ratio	number
  sort	Data sorting function	(a: ComputedDataTree, b: ComputedDataTree) => boolean

Detailed Types

type ColorType = 'none' | 'label' | 'labelContrast' | 'primary' | 'secondary' | 'background'

• Default values:

{
  paddingInner: 2,
  paddingOuter: 2,
  labelColorType: 'labelContrast',
  squarifyRatio: 1.618034, // Golden ratio
  sort: (a, b) => b.value - a.value
}