Search results

PivotTooltipSettings API in React Pivot Table API component

Allow options to customize the tooltip of the pivot chart with different properties such as visibility of the tooltip, enableMarker, fill color, opacity, header for tooltip, format, textStyle, template, border, enableAnimation.

Properties

border

PivotChartBorderModel

Allows options to customize tooltip borders.

enable

boolean

Allows to set the visibility of the tooltip.

Defaults to true.

enableAnimation

boolean

If set to true, ToolTip will animate while moving from one point to another.

Defaults to true.

enableMarker

boolean

Allows to set the visibility of the marker.

Defaults to false.

fill

string

Allows to set the fill color of the tooltip that accepts value in hex and rgba as a valid CSS color string.

Defaults to null

format

string

Allows to set the format the ToolTip content.

Defaults to null.

Allows to set the header for tooltip.

Defaults to null

opacity

number

Allows to set the fill color of the tooltip that accepts value in hex and rgba as a valid CSS color string.

Defaults to 0.75

shared

boolean

If set to true, a single ToolTip will be displayed for every index.

Defaults to false.

template

string

Allows to set the custom template to format the ToolTip content. Use ${x} and ${y} as the placeholder text to display the corresponding data point.

Defaults to null.

textStyle

PivotChartFontModel

Allows options to customize the ToolTip text.