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

Question

我想在指定位置添加节点。我开始尝试在相同位置 (x=0, y=0) 添加两个节点，如下所示：

$(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 } },
]);

});

我希望它能在同一位置显示两个节点，一个在另一个之上。但结果却出乎意料。这是我得到的：

事实上，无论我指定什么 x 和 y 值，节点的位置都保持不变。我也试过 renderedPosition 而不是 position 但无济于事。

我正在搜索 Cytoscape 文档以了解如何实现我想要的，但我还没有找到解决方案。

Answer 1

知道了。我忘记指定必须使用预设布局。添加了以下内容：

layout: {
  name: 'preset'
},

到 cy 对象，它起作用了。

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

How to add nodes at specified positions in Cytoscape.js?

javascript

cytoscape.js