如何在Cytoscape.js的指定位置添加节点?

问题描述:

我想在指定位置添加节点。我开始试图在同一位置(x = 0,Y = 0),像这样添加两个节点:如何在Cytoscape.js的指定位置添加节点?

$(document).ready(function() { 

var cy = cytoscape({ 
    container: document.getElementById('cy'), 
}); 

cy.add([ 
    { group: "nodes", data: { id: "n0" }, position: { x: 0, y: 0 } }, 
    { group: "nodes", data: { id: "n1" }, position: { x: 0, y: 0 } }, 
]); 

}); 

,我估计它给我看两个节点在同一位置,一个比其他。但结果非常出乎意料。以下是我的了:

enter image description here

事实上,节点的位置是一样的,不管我指定哪些x和y的值。我也试过renderedPosition而不是position,但无济于事。

我正在寻找Cytoscape文档以了解如何实现我想要的功能,但我还没有能够提出解决方案。

明白了。我忘了指定必须使用预设布局。添加以下内容:

layout: { 
    name: 'preset' 
}, 

到cy对象,它的工作原理。

+0

变种CY = Cytoscape的({ \t \t \t \t容器:的document.getElementById( 'CY'), \t \t \t \t准备就绪:函数(){的console.log( '准备就绪');}, \t \t \t \t布局:{ \t \t \t \t \t名: '预置' \t \t \t \t} \t \t \t}); – jonprasetyo 2015-06-16 07:31:44

+0

@AkshayDamle:在任何其他人都能找到答案之前+1。 :) – 2015-12-29 00:19:16