javascript - 图德古拉 : How to detect onclick and onmouseover events?

Question

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

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

我该怎么做？

Answer 1

您可以通过遍历图形对象中的节点并在 shape 对象上添加 Raphael 处理程序来实现:http://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)
}