javascript - d3.js 鼠标移动时动画跟随圆圈

Question

我正在使用 d3.js 库，但在实现客户需求时遇到问题。

这是客户请求，他们希望当您将鼠标悬停在鼠标上时“黑色圆圈”“跟随”鼠标。

我不知道 d3.js 库是否有这种功能，我只能在鼠标拖动时看到。

我已在 JSFiddle 中添加了示例代码，如下所示:

node.on("mousemove", function(){
    var coords = d3.mouse(this);
    //node.attr('transform', 'translate(' + coords[0] + ',' + coords[1] + ')';
    nodes.call(force.drag); 
});

jsFiddle:https://jsfiddle.net/glenmongaya/4pjaeko3/5/

感谢您的帮助。

Answer 1

您希望鼠标悬停的行为像拖动一样吗？

node.on("mousemove", function(d){
    d3.event.stopPropagation(); // stop the default event handling
    d.fixed = true; // fix the moused over node
    var coords = d3.mouse(this.parentNode); // get mouse position
    d.px = coords[0]; d.py = coords[1]; // set position
    force.resume(); // resume layout
});

已更新fiddle .