我如何动态移动gridLine与鼠标在D3.js

How can I move dynamically a gridLine with mouse in D3.js?

本文关键字：gridLine 鼠标 js D3 移动何动态动态更新时间：2023-09-26

我想知道，

如何在d3.js中动态移动gridLine ?

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

当鼠标悬停在元素上时显示该行，当鼠标移出元素时再次隐藏该行。您需要设置该行的X和Y值，使其与光标悬停在其上的元素的位置相匹配。

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