[英]Arbor js - Show the node ID as text when you move the mouse over a node
[英]How to show the node's label when the mouse is over the node in Arbor js
我正在使用Arbor Javascript显示节点和边的图形。 在图形中,我想在鼠标悬停在该节点上时立即显示该节点的标签。 这是我的代码:
<canvas id="viewport" width="1000" height="800"></canvas>
<script language="javascript" type="text/javascript">
var sys = arbor.ParticleSystem(1000, 400,1);
sys.parameters({gravity:true});
sys.renderer = Renderer("#viewport") ;
var node;
var label_node= "Javascript";
node = sys.addNode('The first node',{'color':'red','shape':'dot','label': label_node});
假设节点已创建。 将鼠标移到该节点上后,如何显示该节点的名称为label_node
。 谁能为我提供执行此部分的代码。 非常感谢您的协助。
我认为类似的事情应该可以解决将鼠标悬停在节点上的事件:
var that = {
initMouseHandling:function(){
// no-nonsense drag and drop (thanks springy.js)
var dragged = null;
// set up a handler object that will initially listen for mousedowns then
// for moves and mouseups while dragging
var handler = {
dragged:function(e){
var pos = $(canvas).offset();
var s = arbor.Point(e.pageX-pos.left, e.pageY-pos.top)
dragged = particleSystem.nearest(s);
if (dragged && dragged.node !== null){
// while we're dragging, don't let physics move the node
dragged.node.fixed = true
}
//ADD WHERE YOU WANT TO SHOW THE LABEL
return false
}
$(canvas).mouseover(handler.dragged);
}
}
return that
}
希望能有所帮助
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.