d3拖动路径不起作用

Question

我有这段代码用于配置围绕某些元素的路径，该路径名为 cluster：

 cluster
            .data(getData()).enter()
            .append("path")  // notice SVG path elements
            //...
            .call(d3.behavior.drag()
            .on("drag", function (d, i) {
                d.x += d3.event.dx
                d.y += d3.event.dy
                console.log("d3.event.dx", d3.event.dx)  //prints a number
                cluster.attr("transform", function (d, i) {
                    return "translate(" + d3.event.dx +", "+ d3.event.dy + ")"
                })
            }));

除了集群路径的拖动功能外，一切正常。

这就是我在 console.log 得到的结果

Answer 1

不应该是d.x 而不是d3.event.dx（y 也是如此）吗？

cluster.attr("transform", function (d, i) {
  return "translate(" + d.x + ", "+ d.y + ")"
})