Javascript 在悬停的堆叠条形图上绘制水平线（图表js）

我有一个堆叠条形图，如下所示：

我想画一条水平线，穿过悬停时特定颜色的所有条。基本上，如果我将鼠标悬停在以下紫色/淡紫色上，我需要以下颜色：

我在网上查阅了很多资料，但什么也没找到

---

任何帮助都是非常感激的；谢谢大家!

理论上，除了堆叠条形图之外，您还应该能够预渲染5个折线图。为每个折线图指定一个唯一的id或类html属性，并且特定颜色的每个段都需要一个相应的html类名，例如“chartSegmentPurple”（实际上最好根据颜色表示的内容命名该类，例如“chartSegmentEconomicInequality”）。隐藏每个折线图。为图表提供一个悬停事件侦听器，然后在事件处理程序中获取类名。使用类名使相应的折线图可见

确保为mouse out分配另一个事件处理程序以隐藏折线图谢谢您的回答！我试试这个。