在悬停的堆积条形图上绘制水平线（图表JS）

Question

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

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

我在网上和文档中都看了很多，但是找不到任何东西。

我们非常感谢您的帮助；谢谢！

Answer 1

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