d3.js - 在 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()。

对于任何进一步的版本转换，我建议您查看 here首先。