2017-04-11 32 views
1

私はノード間に複数のエッジを含むvis.jsネットワークグラフを持っており、階層レイアウトでも設定しようとしています。階層レイアウトオプションを持たない通常のグラフを作成すると、ノード間に複数の線が表示されますが、階層レイアウトオプションで/ placeをオンにすると、1行しか描画されません。以下は[visjs]内のノードと階層レイアウトの間の複数行

私が何を意味するかを示す2 plunkersです:

https://plnkr.co/edit/c8SuBc0XjDZnn6im2vdg(オフ階層レイアウトとPlunker)

var options = { 
    height: '400px', 
    edges: { smooth: true, shadow: true}, 
    layout: { 
     randomSeed: 1, 
     improvedLayout: true, 
     hierarchical: { 
      enabled: false, //change to true to see the other graph 
      direction: 'UD', 
      sortMethod: 'directed' 
     } 
    } 
} 

https://plnkr.co/edit/L22bHk6kh1XKXulTjESD(上の階層的なレイアウトとPlunker)

var options = { 
    height: '400px', 
    edges: { smooth: true, shadow: true}, 
    layout: { 
     randomSeed: 1, 
     improvedLayout: true, 
     hierarchical: { 
      enabled: true, //change to true to see the other graph 
      direction: 'UD', 
      sortMethod: 'directed' 
     } 
    } 
} 

はどれ役立つだろう偉大になる。唯一のエッジ属性を経由して、参照、ことを行うには他に方法がありませんように

答えて

1

私は同じことを必要とするので、私はあなたの質問を検索し、見つかった:)

は思え:https://plnkr.co/edit/ylg9eE3Zk5ReCyjehI6H

var edges = new vis.DataSet([ 
    {from: 1, to: 3, arrows: 'to', label: "+++++", smooth: {type: "curvedCCW", roundness: 0.4}}, 
    {from: 1, to: 3, arrows: 'to', label: "-----", smooth: {type: "curvedCCW", roundness: 0.2}}, 
    {from: 1, to: 3, arrows: 'to', label: "11111", smooth: {type: "curvedCW", roundness: 0.2}}, 
    {from: 1, to: 3, arrows: 'to', label: "22222", smooth: {type: "curvedCW", roundness: 0.4}}, 
]); 

あなたを共有してください。この質問の結果は

+0

のA - > Bから複数のエッジを持つことを目的としていますか? –

+0

@Johnはい、ノード間に複数のエッジがある。 –

+0

最近発見したライブラリのサポートを追加します。 https://github.com/almende/vis/issues/2957およびhttps://github.com/almende/vis/issues/1957。 –