cytoscapejsで選択されたノードとエッジを取り囲む

Question

私は本当に巨大なネットワークを持っています。私のWebアプリケーションでは、ノードとエッジを選択できるようにしたいので、スタイルを選択したスタイルシートに変更します。私はこれで成功しましたが、問題は、あまりにも混み合っているため、常に別のノードの後ろのエッジです。すべての選択されたノードとエッジをフォアグラウンドにすることは可能ですか？私はz-indexについて知っていますが、選択されたノードとエッジをフォアグラウンドに設定できないようです。

Answer 1

視界のスタイルプロパティを参照してください：ドキュメントからhttp://js.cytoscape.org/#style/visibility

：

• z-compound-depth：bottom、orphan、auto（デフォルト）、またはtopなる可能性があります。最初の描画はbottomで、2番目の描画は複合グラフのルートと同じ深さのorphanです。次に、複合グラフのルートから葉まで深度順に描画するデフォルトのautoが続きます。最後に描かれたのはtopです。
• z-index-compare：auto（デフォルト）またはmanualです。 autoの設定では、ノードの下にエッジが描画されますが、manualはこの規則を無視し、z-indexの値に基づいて描画します。
• z-index：要素の相対的な描画順序に影響を与える整数値。一般的に、より高い数字のz-indexを持つ要素は、同じ深さ内の低い数字のz-indexの要素の上に描画されます。

だから、あなたは、一般的にノードを超えるエッジをしたい場合は、少なくともz-index-compare: manualとz-indexを設定する必要があります。