Vis.jsは多くのノードが追加されてもグラフを表示しません

Question

Vis.jsを使用して項目間の関係を表示するWebアプリケーションを作成していますが、~1200個のノードを表示する必要があるポイントに達するまで、それらの間の。

ノードに達すると、グラフには空白と青い線だけが表示されます。私がズームしようとするとすぐに、線が消え、すべて白です。

ノードの位置を見ると、それらの多くが負の値または非常に大きな値であることがわかりますx, yポジション（通常は-300、xは478759527705558300000）。

私は物理学を無効にしようとしましたが、役に立たなかった。グラフは階層的なモードで、レベルは手動でコードに設定されていますが、レベルは正しいです。

ネットワークオプション（improvedLayoutオプションは、私がインターネットで見つけちょうど可能性だった。私はそれを削除した場合、それはちょうど同じに動作します）：

var options = { 
     layout: { 
      improvedLayout: false, 
      hierarchical: { 
       direction: direction, 
       sortMethod: "directed" 
      } 
     } 
    } 

スクリーンショット：

Answer 1

私は約615ノードと614エッジからなる階層レイアウトグラフを持っています（40個の奇数クラスタノード、それらのうちのいくつかはクラスタクラスタです）。私はvisjsと同じ問題に上陸した。

私がこの問題を乗り越えるのを手伝った簡単なことは、反復回数を指定する引数を使ってnetwork .stabilize（）メソッドを明示的に呼び出すことでした。デフォルトの反復は1000です。私は10000を通り、グラフはそれをきちんと安定させました。それは数秒かかった、私はそれで大丈夫だった。しかし、ノード数が〜1000に増加すると、安定化時間が短縮されます。だから私は解決のためにvisjsコードを調べ始めた。

visjsコードを調べているうちに、setupHierarchicalLayout（）関数内に_condenseHierarchy()という呼び出しがあることがわかりました。 この方法では、ノードとエッジ間の空白を最小限に抑えようとしています（）。完全にコードを理解するにはまだです。 _condenseHierarchy（）は、ノードの座標を変更します。ノードがグラフ内の他のノードと互いに接近をもたらすために（安定に）反復の多くを取る離れた位置を取得すると

(this.body.nodes["node-11"]).y 
1530 
(this.body.nodes["node-11"]).y 
64920 

：未満）Yが_condenseHierarchy（の呼び出しの前と後の座標参照。私は_condenseHierarchy（）を無効にし、グラフをうまく表示しました。

_condenseHierarchy（）を無効にすると、さらに進むにつれてその他の問題が発生することは確かです。私は、_condenseHierarchy（）を理解し、実験するためにもう少し時間を費やすつもりです。

Answer 2

この問題を解決するにはnodeSpacing、levelSeparation、treeSpacingなどの階層レイアウトパラメータを調整できます。ここに例がありますhierarchicalLayoutWithoutPhysics