【问题标题】:How can I move dynamically a gridLine with mouse in D3.js?如何在 D3.js 中使用鼠标动态移动网格线?
【发布时间】:2014-06-26 08:34:00
【问题描述】:

我想知道,

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

非常感谢:)

【问题讨论】:

    标签: javascript d3.js


    【解决方案1】:

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-08-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多