d3js-使用d3.drag和d3.pointer

问题描述

我对d3.js相当陌生，我很难确定确切如何正确使用d3.drag函数。 然后最终目标是拖动折线图的背景（沿x轴）。

在我的代码中，我这样调用拖动函数：

svg.call(d3.drag()
        .on("start",dragStarted)
        .on("drag",dragged)
        .on("end",dragEnded));

我知道“拖动”将创建一个事件，其中event.x和event.y与鼠标在屏幕上的位置相关。

但是，我没能做的就是将该位置与x轴的坐标关联。 我尝试使用d3.pointer，但是没有用：

 var x0 = x.invert(d3.pointer(event)[0]);

d3.pointer返回与event.x和event.y相同的X和Y值。

我想一旦我弄清楚了这一点，便会找到解决我的后背拖曳的方法。

任何人都可以帮助我了解如何使用d3.drag沿x轴拖动背景（线条随其移动）？非常感谢您的帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）