当鼠标悬停在Arbor js中的节点上时如何显示节点的标签答案

【问题标题】：How to show the node's label when the mouse is over the node in Arbor js当鼠标悬停在Arbor js中的节点上时如何显示节点的标签
【发布时间】：2013-11-02 18:03:55
【问题描述】：

我正在使用 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。谁能给我提供这部分的代码。非常感谢您的帮助。

【问题讨论】：

标签： javascript html json arbor.js

【解决方案1】：

我认为这样的事情应该可以让鼠标悬停在节点上的事件：

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
  }

希望对你有帮助

【讨论】：