如何在D3.js中使用鼠标动态移动gridLine？

Question

我想知道，

如何在d3.js中用鼠标动态上/下移动gridLine？

非常感谢：）

Answer 1

我过去这样做的方法是在图表中添加额外的水平线或垂直线，并将其标记为隐藏。

然后，每当元素被鼠标悬停显示该行时，无论何时该元素被剔除，都会再次隐藏该行。您需要设置该行的X和Y值，使其与光标悬停在其上的元素的位置相匹配。

这类似于显示/隐藏工具提示工作的方式：https://gist.github.com/biovisualize/1016860除了你不会使用div（你会使用一行）并且不会使用鼠标指针的位置（你会使用x和元素的y。）