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

Question

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

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

我该怎么做？

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)
}