Javascript 如何在D3.js中使用鼠标动态移动网格线?

Javascript 如何在D3.js中使用鼠标动态移动网格线?,javascript,d3.js,Javascript,D3.js,我想知道 如何在d3.js中使用鼠标动态上下移动网格线 非常感谢:)我过去的做法是在图形中添加一条额外的水平线或垂直线,并将其标记为隐藏 然后,每当鼠标悬停在某个元素上时,显示该行;每当鼠标悬停该元素时,再次隐藏该行。您需要设置直线的X和Y值,使其与光标悬停在其上的元素的位置相匹配 这类似于显示/隐藏工具提示的工作方式:除了不使用div(使用直线)和不使用鼠标指针的位置(使用元素的x和y)

我想知道

如何在d3.js中使用鼠标动态上下移动网格线


非常感谢:)

我过去的做法是在图形中添加一条额外的水平线或垂直线,并将其标记为隐藏

然后,每当鼠标悬停在某个元素上时,显示该行;每当鼠标悬停该元素时,再次隐藏该行。您需要设置直线的X和Y值,使其与光标悬停在其上的元素的位置相匹配

这类似于显示/隐藏工具提示的工作方式:除了不使用div(使用直线)和不使用鼠标指针的位置(使用元素的x和y)