vis.js的network(关系图)研究4

设置占了不少篇幅,事件响应还是另开一篇吧


http://visjs.org/docs/network/能够响应哪些事件请看这里,遗憾没有键盘响应事件,所以想要添加键盘事件的话还得导入个其他类库,

推荐keycharm.js,参与vis开发的人做的。


研究2的最后写道用network = new vis.Network(container, data, visOptions);就能显示图像

而要想对这个关系图添加响应事件就要使用network这个对象

network.on('doubleClick', function(params) {
	if(params.nodes[0] != null) {
		//XXXXXXXXXX
	}
});
这里的doubleClick是响应了双击事件,要想响应其他事件替换为相应单词即可。

function里的内容是侦听到事件后执行的内容,可以从params参数中获取当前选中的节点数组,鼠标的位置等等


http://visjs.org/docs/network/的methods里面可以找到不少能用的函数,用的较多的大概就network.deleteSelected();吧,删除被选中的节点,能把节点和相邻边删除掉

要想添加节点的话直接往nodes,edges里面add就行,图会动态生成

你可能感兴趣的:(vis.js的network(关系图)研究4)