Блог

Я использую vue.js и vis.js нетврок, и я застрял с проблемой, которую не могу решить. Проблема в том, что у меня есть два узла, и между ними есть несколько соединений, но они отображаются как одно соединение, и я хочу видеть все эти соединения.

это массив узлов:

 var nodes = new vis.DataSet([
  {id: 1, label: 'Node 1'},
  {id: 2, label: 'Node 2'},
]);


var edges = new vis.DataSet([
  {from: 1, to: 2, label: "1gb bandwith"},
  {from: 1, to: 2, label: "10gb betwith"},
  {from: 2, to: 1, label: "down"},
  {from: 2, to: 1, label: "up"},
]);
 

моя настройка параметров выглядит следующим образом:

     mapOption:{
        nodes: {
          color: "black",
          shadow: {
            enabled: true,
          },
          font: {
            face: "Source Han Serif CN",
            color: "black",
          },
        },
        edges: {
          arrows: {
            from: {enabled: false , type:'circle'},
            to: {enabled: false , type:'circle'},
            middle: {enabled: true , type:'circle'},
          },
          smooth: { enabled: false},
          width: 1.5,
          color: {
            color: 'black',
            highlight: 'black'
          },
        },

        physics: {
          enabled: false,
        },


        interaction: {
            hover: true,
            dragNodes:true,
            dragView: true,
            hoverConnectedEdges: true,
            selectable: true,
            selectConnectedEdges: true,
        },

        manipulation: {
            enabled: false,
        },
    },
 

ссылка на изображение того, что я получил

кто — нибудь знает, как исправить эту проблему?