如何获取d3.js中正在拖拽的选区？

Question

我正在使用d3 behavior 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)

这将返回一个数组，其中返回鼠标的x位置，1返回y位置。