I have multiple stack bar Chart on a page, which could have different series. If I hover over a stack in chart, I want this hover to be synced on other charts as well (showing the tooltip at the hovered name of stack, showing hover effect).

The problem is in the below example, the tooltip always shows the opposite stack series name. For my case if I hover over installation in first stack bar chart it is showing tooltip for installation in first chart but in second chart it is showing tooltip for others.

How I can make sure if I hover over installation in first chart then tooltip of installation for that particular stack in second chart should be displayed.

Attached JSFiddle for same in the comments

Thanks