ChartHighlightProps

Defines the configuration options for customizing chart highlight behavior.

Props

The following table outlines the props for the ChartHighlightProps:

NameTypeDefaultDescription
fill
string
''

Specifies the color used to highlight a data point when hovered.

mode
'None'

Specifies how data points or series can be highlighted. Available options:

  • 'None': Disables highlighting.
  • 'Series': Highlights the entire series.
  • 'Point': Highlights individual data points.
  • 'Cluster': Highlights a group of related data points.
pattern
None

Defines the visual pattern applied to highlighted data points or series. The available options are:

  • 'None': No highlight. pattern is applied.
  • 'Chessboard': Applies a chessboard pattern as the highlight. effect.
  • 'Dots': Applies a dot pattern as the highlight. effect.
  • 'DiagonalForward': Applies a forward diagonal line pattern as the highlight. effect.
  • 'Crosshatch': Applies a crosshatch pattern as the highlight. effect.
  • 'Pacman': Applies a Pacman pattern as the highlight. effect.
  • 'DiagonalBackward': Applies a backward diagonal line pattern as the highlight. effect.
  • 'Grid': Applies a grid pattern as the highlight. effect.
  • 'Turquoise': Applies a turquoise pattern as the highlight. effect.
  • 'Star': Applies a star pattern as the highlight. effect.
  • 'Triangle': Applies a triangle pattern as the highlight. effect.
  • 'Circle': Applies a circle pattern as the highlight. effect.
  • 'Tile': Applies a tile pattern as the highlight. effect.
  • 'HorizontalDash': Applies a horizontal dash pattern as the highlight. effect.
  • 'VerticalDash': Applies a vertical dash pattern as the highlight. effect.
  • 'Rectangle': Applies a rectangle pattern as the highlight. effect.
  • 'Box': Applies a box pattern as the highlight. effect.
  • 'HorizontalStripe': Applies a horizontal stripe pattern as the highlight. effect.
  • 'Bubble': Applies a bubble pattern as the highlight. effect.