Question

我有一个呈现的cytoscape.js图。我有兴趣利用预设布局放置节点。 cytoscape.js文档显示了预设布局的以下内容：

// map of (node id) => (position obj); or function(node){ return somPos; }

有人可以帮助我理解或举例说明文档在说明以下内容时的含义

id, origin, destination, x position, y position

我使用以下列将所有节点存储在MySQL数据库表中

{'id': 1, {'x':10, 'y':45}}, {'id': 2, {'x':21, 'y':32}}

cytoscape.js的位置是否采用如下字典：

List<SomeClass> obj = JsonConvert.DeserializeObject<List<SomeClass>>(jsonstring); public class SomeClass { public string SomeProp {get;set;} (...) }等？

Answer 1

这意味着当positions设置为undefined时，您需要创建一个函数来获取每个节点的位置。

例如：

 cy.nodes().forEach(function(n){
    var x = n.data("x");
    var y = n.data("y");
 });

此应该返回您的节点位置。

修改

您可以在创建节点时设置节点位置。例如：

var elements; elements: [{"data":{"id":"yourID","name":"name"},"position"{"x":"0.0","y":"0.0"}}];

有关详情，请参阅Cytoscape js网站上的this演示。他们在这里手动设置位置。

Cytoscape.js预设版面文档

1 个答案: