CellSettings API in React HeatMap API component

Sets and gets the options to configure the cells of the heatmap.

Properties

border

BorderModel

Sets and gets the options to customize the cell border style.

Defaults to ”

bubbleSize

BubbleSizeModel

Specifies the minimum and maximum radius value of the cell in percentage.

Defaults to ”

bubbleType

BubbleType

Specifies the type of the bubble heatmap. The available types are,

• Size: The bubble heatmap will be rendered in size variations based on the provided data.
• Color: The bubble heatmap will be rendered in color variations based on the provided data.
• Sector: The bubble heatmap will be rendered as sectors based on the provided data.
• SizeAndColor: The bubble heatmap will be rendered in size and color variations based on the provided data.

Defaults to ‘Color’

enableCellHighlighting

boolean

Enable or disable the cell highlighting on mouse hover.

Defaults to true

format

string

Used to format the label in the heatmap cells.

Defaults to ”

isInversedBubbleSize

boolean

Enable or disable the bubble to display in inverse when Size and SizeAndColor bubble types are set.

Defaults to false

showLabel

boolean

Enables or disables the visibility of data label over the heatmap cells.

Defaults to true

textStyle

FontModel

Sets and gets the options to customize the cell label style.

Defaults to ”

tileType

CellType

Sets and gets the type of the cells in heatmap. The available types are,

• Rect: Renders the heatmap cells in rectangle shape.
• Bubble: Renders the heatmap cells in bubble shape.

Defaults to ‘Rect’