2017-02-13 8 views
1

У меня есть этот код для настройки пути, который окружает некоторые элементы, путь называется кластер:d3 перетащить путь не работает

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 enter image description here

ответ

0

это не должно быть d.x вместо d3.event.dx (аналогично для y)?

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

Я попробовал это также, как это и не работает – commonSenseCode

+0

@CodingMcCodington ли 'console.log ("d3.event.dx", d3.event.dx)' на самом деле происходит? – meetamit

 Смежные вопросы

  • Нет связанных вопросов^_^