D3拖动路径行不通

Question

我有这样的代码，用于配置围绕一些元素的路径，该路径被命名为集群：

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 + ")" 
})