javascript - 拖动功能不适用于 d3

Question

我的拖动行为如下所示:

 var boxDrag = d3.behavior.drag()
    .origin(function (d) {
        return d;
    })
    .on("drag", drawBox);

function drawBox( /*d*/ ) {
    console.log("asdf");
}

这只是一个临时框架，但它似乎会引发一些有关未定义的 x 等的错误。

错误

完整代码如下:http://jsfiddle.net/gamea12/5zsj853h/

Answer 1

在你的 fiddle 中，你有:

var boxDrag = d3.behavior.drag()
    .origin(function (d) {
        return d;
    })
    .on("drag", drawBox);

但是，在这种情况下，d 未定义，这会导致您的错误。将其更改为:

var boxDrag = d3.behavior.drag()
    .origin(function (d) {
        return this;
    })
    .on("drag", drawBox);

应该可以为您解决问题。