我正在使用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/
谢谢你的帮助。
您希望鼠标悬停的行为像拖动一样吗?
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。