如何在 Arbor js 中将鼠标悬停在节点上时显示节点的标签
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
}
希望有帮助
相关文章:
- D3.js-单击节点后无法设置节点标签
- 将标签放在 d3.js 中节点的中心
- 如何在D3.js基于力的标签布局图中获取公共子节点
- 获取工具栏中叶节点的标签值
- 如何在 Arbor js 中将鼠标悬停在节点上时显示节点的标签
- 如何在 Javascript 文本节点中获取 HTML 标签
- 当节点太小时,如何在 d3 中隐藏文本标签
- 将父标签名称放在 jQuery 节点中
- 替换节点(dojo)中标签的文本
- cytoscape.js中的动态节点内容(标签)
- d3.js将节点和标签一起移动
- 在D3.js中的动态力布局图中显示节点标签
- 从d3节点图中删除链接会打乱标签
- 如何获取UL中所有子节点UL标签的id
- 使用cytoscape.js如何同时显示节点之间的箭头和自定义标签
- 在jquery中替换标签之间的文本节点
- 将HTML标签转换为玉节点模板
- 在NodeJS中获得与当前节点's标签名称不同的附近html节点的任何方法
- 从节点检索标签HTML
- Cytoscape.js:不显示嵌入空格的节点标签