ChartCrosshairTooltipProps

Configuration options for the crosshair axis tooltip in the chart.

Props

The following table outlines the props for the ChartCrosshairTooltipProps:

NameTypeDefaultDescription
enable
boolean
false

When set to true, a tooltip will be displayed at the axis intersection point when the crosshair is active.

fill
string
''

Specifies the background color of the axis tooltip.

formatter
(value: number, text: string) => string | boolean
null

Formatter for the crosshair axis tooltip text.

textStyle
ChartFontProps
{ fontStyle: 'Normal', fontSize: '', fontWeight: 'Normal', color: '', fontFamily: '' }

Customizes the text style of the axis tooltip. Accepts font-related properties such as font size, color, weight, and family.