強制導向可樂佈局與Cytoscape類似於可樂示例

我正在使用cytoscape.js和可樂擴展，我有興趣創建佈局similar to this example。強制導向可樂佈局與Cytoscape類似於可樂示例

還有is an example在網站上使用可樂與cytoscape.js，但他們沒有這種非重疊的功能。

我試過無限：true選項，但它看起來不像預期的那樣工作。我想知道如何通過cytoscape.js和可樂來實現這一點。

謝謝。

2017-03-21 kamranjon

與第一次嘗試時一樣，使用infinite: true參數。您還需要參數fit: false才能放大和平移。

例如：

var cy = cytoscape({ 
    container: $('#cy'), 
    elements: /*...*/, 
    layout: { 
     name: 'cola', 
     infinite: true, 
     fit: false 
    } 
});

我在這裏做了一個工作示例：http://codepen.io/anon/pen/EWEOKw（你需要在HTTP加載：我沒有找到一個HTTPS CDN可樂......）

來源

2017-03-22 08:48:44

非常感謝！所以我發現我正在調整的演示，cytoscape.js github repo的可樂示例 - 實際上是使用舊版本的cytoscape-cola 1.1.1 - 並且通過使用您正在使用的1.5.0版本，我能夠獲得預期的結果！ – kamranjon

不客氣:)如果解決了您的問題，您可以將我的答案標記爲已接受的答案。 –

重疊避免是可樂的內置功能。除非您指定特定選項使重疊避免不可能，否則可樂將在節點不重疊的情況下生成結果。可以使用nodeSpacing來指定節點周圍的額外空間。增加值會使節點與演示顯示的間隔更大：http://js.cytoscape.org/demos/2ebdc40f1c2540de6cf0/

來源

2017-03-21 21:28:19 maxkfranz

我現在用的是默認設置形式cytoscape-cola github回購 - 也許我不知道如何實現從可樂以上的例子。我是否需要綁定一些事件來重新初始化我的單個節點的移動佈局？似乎在佈局結束後，節點能夠再次相互重疊。 – kamranjon

隨着用戶推拉節點，我希望周圍的節點不要移動，反之亦然 - 細胞視圖網站上的例子都沒有顯示出來，所以我不確定它是如何在圖書館中實現的。 – kamranjon

強制導向可樂佈局與Cytoscape類似於可樂示例

回答

相關問題