使用vis.js使节点点击

时间:2016-03-03 12:56:20

标签: javascript vis.js

是否可以使节点标签点击?

http://visjs.org/docs/network/#modules

2 个答案:

答案 0 :(得分:1)

标签不可能,因为它们是在HTML5 Canvas上绘制的,而不是DOM。您可以将HTML链接放在节点和边的标题中。

答案 1 :(得分:1)

这是一个老问题,但这个答案对任何找到它的人都有帮助。

您无法从visjs node的标签导航为标签,因为:

  

标签是节点中或节点下方显示的文本,具体取决于形状。

然而,您可以通过在节点上声明具有URL值的属性并使用global method on()和网络事件(例如double click)来启用节点本身的导航。

 var nodes = new vis.DataSet([
           {id: '1', label: 'Google', shape: 'box', url: 'https://www.google.ie'}
        ]);
 var data = {nodes: nodes};
 var container = document.getElementById('vis');
 var options = {};
 var network = new vis.Network(container, data, options);

 network.on("doubleClick", function (params) {
   if (params.nodes.length === 1) {
     var node = nodes.get(params.nodes[0]);
     if(node.url != null) {
       window.open(node.url, '_blank');
     }
    }
 });

您的问题标题与您的问题文本无关,因为使节点“可点击”并使节点实际导航到另一个页面是不同的问题。