2017-02-13 3 views
1

ich diesen Code haben einen Pfad für die Konfiguration, die einige Elemente umgibt wird der Pfad Cluster genannt:d3 drag Weg funktioniert nicht

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

Alles funktioniert, außer dem Ziehen Funktionalität für Cluster-Pfad.

Dies ist, was ich, wenn ich console.log enter image description here

Antwort

0

Sollte es nicht sein d.x statt d3.event.dx (ebenfalls für y)?

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

Ich versuchte es auch so und nicht – commonSenseCode

+0

@CodingMcCodington funktioniert Hat 'console.log ("d3.event.dx", d3.event.dx)' tatsächlich auftreten? – meetamit