vis.js创建不好的网络

Question

我已经开始使用vis.js来创建网络图，但是我的图看起来非常糟糕。 边缘与节点中包含的图片以及节点的标签重叠。 另外，如果我增加节点的数量，则网络将不适合屏幕，因此我看不到某些节点。

这是我绘制图形的代码：

    var nodes = [];
    for(var i = 0; i<network.nodes.length; i++){
      nodes.push({id: network.nodes[i]._id, label: "ip: " + network.nodes[i].ip + "\rmac: " + network.nodes[i].mac, shape: "image", image: "./ComputerIcon.png"});

    }

    var edges = [];
    for(var i = 0; i<network.edges.length; i++){
      edges.push({from: network.edges[i].from_id, to:network.edges[i].to_id});
    }

    var data = {
      nodes: nodes,
      edges: edges
    };

    var options = {
      layout: {
        hierarchical: {
          enabled: true,
          levelSeparation: 50,
          nodeSpacing: 100,
          direction: "UD",
          sortMethod: "directed"
        }
      },
      edges: {
        width: 3
      }
    }

    var container = document.getElementById("my_network");
    var myNetwork = new vis.Network(container, data, options);

谁能告诉我应该在代码中添加些什么，以便网络看起来更好？

抱歉，我无法添加有关如何进行网络连接的图片，就像现在一样，希望代码足够，以便您可以为我提供帮助。