cytoscape.jsレイアウトノードがオーバーラップしている

Question

私は、coseレイアウトでcytoscape.jsライブラリを使用するときに正しい間隔を取得する方法を決定しようとしています。特に、ノードの幅と高さを定義すると、ノードは重複する傾向があります。ここで

はDemo

である私は、レイアウトオプションを試してみましたが、私は私の意図した結果を私に提供するいずれかのオプションを発見していません。また理想的には、さまざまなサイズのノードを持つことができます。

サイドノート：同じソースとターゲットを持つエッジでグラフを作成すると、奇妙な動作が見つかりました。レイアウトの間隔は意図したとおりです。 （plnkrの赤いボタンを参照）。しかし、私がこの種のエッジを持っていないと明らかに助けにならない。

Answer 1

エッジを追加すると、システムのダイナミクスが変更されます。基本的な力は、ばね/弾力、反発力、中心重心である。重なりが検出されたときに力を増やすのに役立つノード重複乗数にも興味があります。多くの組み合わせを試してデータの内容を確認する必要がありますが、効果はあります。オプションがデータに適切に調整されたいくつかの例を以下に示します。#1#2

ユーザが実行するパフォーマンスには、開発時間のトレードオフがあります。 CoSEは非常に高速ですが、開発者はデータのためにオプションを適切に設定する必要があります。 CoSE-BilkentやColaのような他のフォースレイアウトは、開発者が使うのがはるかに簡単ですが、動作は遅くなります。