2016-08-26 79 views
1

我試圖確定如何使用cytosecape.js庫與cose佈局時獲得正確的間距。特別是,當我定義節點的寬度和高度時,節點傾向於重疊。cytoscape.js cose佈局節點重疊

這裏是Demo

我試着佈局選項進行實驗,但我還沒有發現,我提供我想要的結果的任何選項。理想情況下,我可以有不同大小的節點。

附註:我發現一個奇怪的行爲,創建具有相同源和目標的邊的圖形時,佈局間距與我的預期相同。 (請參閱plnkr上的紅色按鈕)。但是,如果我沒有這種類型的優勢顯然沒有幫助。

回答

1

添加邊緣會改變系統的動態。基本力量是彈簧/彈性,排斥力和中心重力。您也可能對節點重疊倍數感興趣,這有助於在檢測到重疊時增加力量。您必須嘗試多種組合才能瞭解數據的作用,但它確實有效。以下是一些示例,其中的選項已根據數據進行了適當調整:#1#2

這是對面向用戶的運行時性能進行折衷的開發人員時間。 CoSE真的很快,但開發人員需要爲他們的數據設置正確的選項。其他力量佈局,如CoSE-Bilkent和Cola,對於開發者來說使用起來要容易得多 - 但它們運行速度較慢。