Displaying Custom Axis Labels Tooltips in the Chart
|Product||Progress® Kendo UI® for Angular Charts|
How can I display a custom tooltip when hovering the axis labels of the Kendo UI for Angular Chart?
The Chart does not provide a built-in Tooltip for the Axis labels.
To display a custom tooltip when hovering the Chart axis labels:
- Bind to the
mouseleaveevents of the Chart's surface element.
- Toggle a Popup with dynamic content based on the hovered label.
In the popup, you can display a shortened version of the text or a different text entirely. The content is transferred to the axis label
visual, a low-level drawing element, and displayed when it is hovered.
The following example demonstrates the full implementation of the suggested approach.