問題タブ [dagre]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
cytoscape.js - グラフの一部、特定のノード セット、または単一のノードにフォーカス/ズームインする
現在、Cytoscape を使用して 500 ノードの大きなグラフを作成しています。階層レイアウトには Dagre を使用しています。現在、ノードの数が多いため、画面上のグラフは小さくなっていますが、
グラフが作成されたら、単一のノードに集中する方法はありますか? または、グラフの一部を拡大できますか?
dagre でアニメーション フィルターを使用してみましたが、グラフ全体がアニメーション化され、グラフの 1 つのノードまたは一部にフォーカスまたはズームインしません。
ズームも試しましたが、同時に1つまたは一連のノードのみをズームしたい
cytoscape.js - Cytoscape - Dynamic Height を追加してから fit 関数を使用する
バックエンドから受け取るデータに基づいてグラフの高さが異なる可能性があるため、グラフの動的な高さを設定するグラフがあるため、ノードの数に基づいて高さを計算しています。
また、左から右への階層モデルで Dagre レイアウトを使用していますが、これはノードが多く、一部のみが左にあり、右に等しいグラフではうまく機能しません。
グラフをコンテナーに合わせるために cy.fit() 関数も使用しているためですが、これを行うと、コンテナーの高さが非常に大きくなり、フィット関数がグラフを中央に配置し、上部に多くの空白ができます。 . このシナリオに最適なソリューションは何ですか?
コード例のリンク: https://stackblitz.com/edit/cytoscape-call-method-child-qm4acb?file=src%2Fapp%2Fapp.component.ts
この例では、例を示すために高さを追加しましたが、フィット関数がコンテナの中央ではなく上部でグラフを開始する方法はありますか?