Tooltip
The Sankey diagram 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 browser.
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.
Specifying a Node Tooltip Template
To specify a template, add an ng-template tag as a child of the kendo-sankey-tooltip component. The template is passed to the SankeyNodeTooltipTemplateContext. If you add the template to the kendo-sankey-tooltip component, use the kendoSankeyNodeTooltipTemplate directive on the template to indicate that the template is used for the node tooltips.
The following example demonstrates how to customize the node tooltip template content by using a template.
Specifying a Link Tooltip Template
To specify a template, add an ng-template tag as a child of the kendo-sankey-tooltip component. The template is passed to the SankeyLinkTooltipTemplateContext. If you add the template to the kendo-sankey-tooltip component, use the kendoSankeyLinkTooltipTemplate directive on the template to indicate that the template is used for the link tooltips.
The following example demonstrates how to customize the node tooltip template content by using a template.