如何在VisJS中基于组收集节点?

时间:2019-04-08 18:26:56

标签: javascript jquery data-visualization vis.js

我是VisJS的新手,它试图可视化计算机使用情况数据。在过去的2个月中,我已经按照时间顺序收集了有关我的计算机上每个应用程序花费时间的数据。我想创建一个VisJS网络,其中每个节点都是在应用程序中花费的时间,节点是按应用程序分组的,边缘将每个节点连接到我之前使用的应用程序以及我接下来使用的应用程序。

我已经格式化了所有数据,并从中创建了一个网络,但是网络始终显示为环形。我希望不同的节点按组进行排列-所有的“ Chrome”节点都由其他“ Chrome”节点等,

这是我正在使用的代码:

var container = document.getElementById('mynetwork');

var data = {
    nodes: nodes, //about 9,000 nodes
    edges: edges //about 9,000 edges
};
var options = {nodes: {
    shape: 'dot',
    scaling: {
      min: 0,
      max: 1
    }
  },layout: {improvedLayout: false}, physics:{enabled: true},edges: {
    color:{inherit:true},
    width: 0.15,
    smooth: {
      type: 'continuous'
    }
  },};


var network = new vis.Network(container, data, options);

很基本,但是实际结果是一团糟,因为我有9000多个单独的节点。实际结果如下:

https://i.ibb.co/gm6d1R7/Screen-Shot-2019-04-08-at-11-23-03-AM.png

我希望它看起来更像VisJS示例:

http://visjs.org/examples/network/edgeStyles/smoothWorldCup.html

据我所知,我使用的是与该可视化相同的选项-它们刚刚进入并手动为每个节点设置了坐标,而我实际上无法使用9,000个节点。有没有一种方法可以自动执行此操作而无需单独放置每个节点?

0 个答案:

没有答案