javascript - d3.js 在多个图上拖动点

Question

我有 4 个显示一些数据的图表。现在我想在所有 4 个图表上拖动点。

我已经拥有的是。

var drag = d3.behavior.drag()
    .on("drag", dragmove);

function dragmove(d) {
    var x = d3.event.x;
    var y = d3.event.y;
    console.log("["+x+";"+y+"]");
    d3.select(this).attr("transform", "translate(" + x + "," + y + ")");
    refresh();
}

如何实现chart1...chart4中的拖动？

Answer 1

您需要对所有 4 个图表中要应用拖动行为的所有元素调用拖动行为函数。

chart1.selectAll("circle").call(drag);
...
chart4.selectAll("circle").call(drag);

这是一个example它如何与多个图表一起使用