vis.js selectEdge并识别节点

时间:2016-12-14 07:11:44

标签: javascript graph edges vis.js

我正在使用vis.js @version 4.10.0。我需要在边缘选择期间找到节点的位置。

我使用以下代码生成图表。

    var container = document.getElementById('mynetwork');
      var data = {
        nodes: nodes,
        edges: edges
      };
      var directionInput = "UD";
      var options = {
              layout:{randomSeed:6,improvedLayout:true},
        nodes: {
          shape: 'circle',
          shadow:true,width: 2,
          size: 10,
          "color": {
          "background": "lightblue",
          "border": "lightblue",
          "highlight": "yellow"
        },
        edges:{
            shadow: true,
            arrows: 'to, from',
            color: 'red',
            font: '12px arial #ff0000',
            scaling:{
              label: true,
            }
          },
        physics:{
    stabilization: true
  },

          scaling:{
            label: {
              min:12,
              max:26
            }
          }
        }
      };
      network = new vis.Network(container, data, options);

1 个答案:

答案 0 :(得分:0)

第一步是调用' getSelectedEdges'网络上的方法,用于查找当前选择的边缘。然后,假设您的节点和边是DataSet的实例,您可以使用DataSet上的方法来查找有问题的边,然后使用您需要的节点ID(这假设实际上是在尝试查找&#的节点ID) 39;从'和'到'用于选定的边缘)。有关DataSet上方法的列表,请参阅:http://visjs.org/docs/data/dataset.html

另一个选项(我使用的)是创建具有足够信息的ID的边缘,以告诉您边缘端点处的节点是什么。例如,可以创建ID为' 1_to_9'的边。在这种情况下,一旦你知道了edgeId,你就会立即知道所涉及的节点端点是什么。