2016-04-24 18 views
2

私は、座標を介して配置される1つ以上の子ノードを含む親ノードのグラフを作成したいと考えています。子ノードはグラフ内の他の子ノードへのエッジを持ちます。子ノードではなく親ノードの幅広いレイアウト

次に、子ノードのローカル位置を乱すことなく、親ノード上で幅優先レイアウトを実行したいと考えています。

enter image description here

はCytoscape.jsに、このことは可能ですか?カスタムレイアウトモジュールを作成する必要がありますか?

答えて

2

化合物ノードは、実際には独立した位置と寸法を持っていません。親は、その位置と大きさに合わせて子どもに完全に依存しています。

あなたが提案したことをするには、親を効果的に移動させるために親のすべての子孫を移動する必要があります。そのためには、独自のレイアウトロジックが必要です。

おそらくscaffolderを使用し、breadthfirstコードを基本としてコピーして、必要なものを修正することができます。公開したい場合は、listingの素晴らしいレイアウト拡張機能になります。

+0

しかし、何らかの形で完全に独立したグラフをノード内にレンダリングすることは可能ですか? Cytoscape.jsグラフをCytoscape.jsグラフノード内にレンダリングするなど、(よく実行する/スケーリングする)ハックを使用している可能性があります。 –

+1

他のグラフを別のインスタンスでレンダリングします。グラフから画像を生成し、それを最初のインスタンスのノードで背景画像として使用します。 – maxkfranz

+0

これはいい考えです。おそらくも実行できる –

関連する問題