Перетащите текст в d3.js (d3v4)

Question

Я пробовал этот пример в d3v4, но он работает только в v3: http://jsfiddle.net/HvkgN/4/ Кто-нибудь знает, как заставить его работать в v4?

CSS:

#draggable{
    text-anchor: start;
    cursor: pointer;
    text-anchor: middle;
}

JS:

function dragmove(d) {
    d3.select(this)
    .attr("y", d3.event.y)
    .attr("x", d3.event.x)
}

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

d3.select("body").append("svg")
.attr("height", 300)
.attr("width", 300)
.append("text")
.attr("x", 150)
.attr("y", 150)
.attr("id", "draggable")
.text("Drag me bro!")
.call(drag)

Answer 1

Режим перетаскивания в d3 изменился с d3.behavior.drag() на d3.drag().

Для любого дальнейшего преобразования версии я бы посоветовал вам сначала просмотреть здесь .