Tooltip

The Sankey Chart has built-in tooltips that are displayed for the nodes and links when hovering them. This does not require any configurations and is handled by the component.

Example
View Source
Change Theme:

Customize Tooltip Behaviour

You can customize the tooltip behavior using the tooltip property. The following options are available:

  • offset—Set the distance between the pointer and the tooltip.
  • visible—Set whether the tooltip is displayed or not.
  • followPointer—Set whether the tooltip follows the pointer or not.
  • delay—Set the delay until the tooltip is displayed after hovering.
Example
View Source
Change Theme:

Render a Custom Tooltip

The tooltip property also provides additional options that allow you to customize the rendering of the tooltip element:

  • nodeComponent—Customize the content of the node tooltip.
  • linkComponent—Customize the content of the link tooltip.
Example
View Source
Change Theme: