Display Axis Labels Tooltip

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 mouseenter and mouseleave events of the Chart's surface element, and toggle a Popup with dynamic content based on the hovered label.

The popup could 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 its hovered.

The following example demonstrates the described approach:

View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?