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

时间:2014-06-26 08:34:01

标签: javascript d3.js

我想知道,

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

非常感谢:)

1 个答案:

答案 0 :(得分:1)

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

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

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