When I have a stacked column chart, and a shared tooltip, in the tooltip is there a way of detecting the element I am hovering over (e.g. so I can highlight that element in the tooltip content)?

@jhansen, You can use the mouseover event of the dataseries to detect which series is being hovered over, and use toolTip contentFormatter to style it accordingly. Please take a look at this JSFiddle for a working example of the same. -- Team CanvasJS Ananya Deka

Shared tooltip – detect hovered element

This topic has 1 reply, 2 voices, and was last updated 1 minute ago by Ananya.

Viewing 2 posts - 1 through 2 (of 2 total)

October 9, 2025 at 4:21 pm #61511

jhansen

When I have a stacked column chart, and a shared tooltip, in the tooltip is there a way of detecting the element I am hovering over (e.g. so I can highlight that element in the tooltip content)?

October 10, 2025 at 4:29 pm #61520

Ananya

@jhansen,

You can use the mouseover event of the dataseries to detect which series is being hovered over, and use toolTip contentFormatter to style it accordingly.

Please take a look at this JSFiddle for a working example of the same.

—
Team CanvasJS
Ananya Deka