LevelSettings API in Vue TreeMap API component

Sets and gets the options for customizing the level leaf items of the treemap.

Properties

autoFill

boolean

Enables or disables the automatic filling of the colors from the palette in the items of the treemap.

Defaults to false

border

BorderModel

Sets and gets the options for customizing the color and width of the border of the level leaf items of the treemap.

colorMapping

ColorMappingModel[]

Sets and gets the options for customizing the color-mapping of the level leaf items in the treemap.

fill

string

Sets and gets the fill color of the level leaf item in the treemap.

Defaults to null

groupGap

number

Sets and gets the gap between the level leaf items in the treemap.

Defaults to 0

groupPadding

number

Sets and gets the padding of level leaf items in the treemap.

Defaults to 10

groupPath

string

Sets and gets the value path from the data source in the treemap to render the item.

Defaults to null

headerAlignment

Alignment

Sets and gets the alignment of the header of the treemap.

Defaults to ‘Near’

headerFormat

string

Sets and gets the string to format the header label of the level leaf items in the treemap.

Defaults to null

headerHeight

number

Sets and gets the height of header in the treemap.

Defaults to 20

headerStyle

FontModel

Sets and gets the options for customizing the text style of header label of the level leaf item.

headerTemplate

string

Sets and gets the template for header in the treemap.

Defaults to null

opacity

number

Sets and gets the opacity in the level leaf item of the treemap.

Defaults to 1

showHeader

boolean

Shows or hides the header in level leaf item of the treemap.

Defaults to true

templatePosition

LabelPosition

Sets and gets the options for customizing the template position of the treemap.

Defaults to ‘TopLeft’