2

私は Cytoscape.js を初めて使用し、ユーザーの検索入力に応じて Dagre レイアウトを使用してグラフを描画しようとしています。通常、ノード数は 50 ~ 100 です。

Dagre は 1 つのツリーに対しては適切に機能しますが、グラフに複数のツリーが含まれる (場合によっては独立したノードが含まれる) 場合、これらのツリーのルートは (図のように) 自動的に水平に配置されるため、ノードとラベルが非常に小さくなります。横のスペースをうまく活用できれば、グラフはきっと見やすくなります。

ここに画像の説明を入力

私の質問は、レイアウト スペースを十分に活用するために、ツリーを垂直に配置する (たとえば、4 つのルートを 1 行に配置し、他のルートをこれらのツリーの下に配置する) ために、複数ツリーの状況にどのように対処できるかということです。

4

1 に答える 1

0

rankDirレイアウトの向きのオプションを見てみましょう: http://js.cytoscape.org/#layouts/dagre

さらに制御するには、サブグラフ/ツリーごとに 1 つのレイアウトを実行してみてください: http://js.cytoscape.org/#collection/layout

boundingBoxfor each サブグラフを使用して、サブグラフの位置を制御できます。

設定オプションの詳細については、Dagre のドキュメントも参照してください: https://github.com/cpettitt/dagre/wiki

于 2015-08-17T22:32:27.010 に答える