2016-09-12 11 views
0

グラフの辺の例を以下に示します。cytoscape.jsで短い辺を描く方法

エッジを短くするにはどうすればよいですか?少なくとも2〜3回好きです。私は、レイアウトのオプションは、ノードの位置に影響を与えるcytoscape's wiki

{ 
    selector: 'edge', 
    style: { 
     'width': 10, 
     'target-arrow-shape': 'triangle', 
     'line-color': '#9dbaea', 
     'target-arrow-color': '#9dbaea', 
     'curve-style': 'bezier', 
     'label' : 'data(label)' 
    } 
} 

Edge example

答えて

1

についての情報を見つけていません。ノードAとノードBの位置は、エッジABの長さに影響するものです。

あなたは力指向/物理レイアウトで

  • 力、幾何学における
  • 間隔/圧縮乗算器に特に注意を払って、に興味がある(s)は、レイアウトのオプションを注意深く見てください形状レイアウト、任意のレイアウトで
  • バウンディングボックス、
  • など

あなたはそれがeasiesかもしれませんいくつかのオプションが他のオプションの結果に影響を与える可能性があるため、異なる値の組み合わせを試してみることができます。

直線/曲線の長さに関係する数学は簡単です。適切な直線の場合はPythagorean Theorem、その他の場合はquadratic Bezier curvesです。

関連する問題