如何获取d3.js中被拖动的选择？

Question

我正在使用d3行为api在我的图表上实现一些拖放功能。图表上有一些圆圈，我想要做的是让圈子在用户拖动时能够移动。

但我不知道如何获取用户拖动的圆圈的参考。 在下面的代码中，在何处以及如何获取选择的参考和当前鼠标位置？

var drag = d3.behavior.drag()
                .on("dragstart", function(){
                    //do some drag start stuff...
                    console.log('drag start');
                })
                .on("drag", function(){
                    //hey we're dragging, let's update some stuff
                })
                .on("dragend", function(){
                    //we're done, end some stuff
                    console.log('drag end');
                });

有人请帮忙！

Answer 1

您可以从

获取当前选择

d3.selection(this)

如果要获取当前鼠标位置，请使用此代码

d3.mouse(this)

返回一个数组，其中[0]返回鼠标的x位置，[1]返回y位置。