我在sigma.js中有一个非常简单的例子,它读取带有一些附加数据的gexf文件.
// Instanciate sigma.js and customize rendering : var sigInst = sigma.init(document.getElementById('graph-container')).drawingProperties({ defaultLabelColor: '#fff',defaultLabelSize: 14,defaultLabelBGColor: '#fff',defaultLabelHoverColor: '#000',labelThreshold: 6,defaultEdgeType: 'straight' }).graPHProperties({ minNodeSize: 0.5,maxNodeSize: 5,minedgeSize: 1,maxEdgeSize: 1 }).mouseProperties({ maxRatio: 4 }); // Parse a GEXF encoded file to fill the graph // (requires "sigma.parseGexf.js" to be included) sigInst.parseGexf(gexfFile);
解决方法
第1步 – 编写事件处理程序
function onClick(event) { window.console.log("clicked!"); }
第2步 – 查找事件名称
我一直想知道活动名称可能是什么.似乎“onmouSEOver”,“onmousedown”等已经被重命名,其中“onmouse”部分被截断,“nodes”被添加到末尾.
所以对于点击事件,它将是’downnodes’
第3步 – 将处理程序链接到click事件:
sigInst.bind('downnodes',onClick).draw();
事件列表@ v1.0.3
感谢Matt提供的清单.
click,rightClick,clickStage,doubleClickStage,rightClickStage,clickNode,clickNodes,doubleClickNode,doubleClickNodes,rightClickNode,rightClickNodes,overNode,overNodes,outNode,outNodes,downNode,downNodes,upNode,upNodes – all应为小写.
原文地址:https://www.jb51.cc/js/154695.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。