javascript - GraphDracula：如何检测 onclick 和 onmouseover 事件？

Question

GraphDracula是一个不错的简单的小型图形可视化库，基于 RaphaelJS。然而，我希望它检测到的两个非常重要的事情是 onmouseover（在一个节点上）和 onclick（再次在一个节点上）。

例如，在他们最基本的示例中，“cherry”节点上的鼠标悬停应该提供有关cherry 的一些额外细节。单击它会弹出一个警告框。

我怎样才能做到这一点 ？

Answer 1

您可以通过遍历图形对象中的节点并在对象上添加 Raphael 处理程序来做到这一点：http shape: //jsfiddle.net/imsky/65Mpy/

var g = new Graph();
//Rest of code
for(var i in g.nodelist){
   g.nodelist[i].shape.mouseover(console.log)
   g.nodelist[i].shape.click(console.log)
}