使用vis.js使节点可点击

Question

是否可以使节点标签ahref可点击？

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

- mIsDs

Answer 1

这是一个老问题，但这个答案可能会对任何找到它的人有所帮助。

您不能从visjs节点的标签导航，因为：

标签是显示在或下面节点上的文本片段，具体取决于形状。

然而，您可以通过在节点上声明一个具有URL值的属性，并使用全局方法on()和网络事件（例如双击）来启用从节点本身进行导航。

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

您的问题标题与问题文本不相关，因为使节点“可点击”和实际导航到另一页是不同的问题。

您的问题标题与问题文本不相关，因为使节点“可点击”和实际导航到另一页是不同的问题。

- Greg Byrne

Answer 2

对于HTML5画布上绘制的标签来说，这是不可能的，因为它们不是DOM。但你可以在节点和边的标题中放置HTML链接。

- Jos de Jong