Cytoscape.js预设布局文档

Question

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

var options = {
  name: 'preset',
  positions: undefined, // map of (node id) => (position obj); or function(node){ return somPos; }
  zoom: undefined, // the zoom level to set (prob want fit = false if set)
  pan: undefined, // the pan level to set (prob want fit = false if set)
  fit: true, // whether to fit to viewport
  padding: 30, // padding on fit
  animate: false, // whether to transition the node positions
  animationDuration: 500, // duration of animation in ms if enabled
  animationEasing: undefined, // easing of animation if enabled
  ready: undefined, // callback on layoutready
  stop: undefined // callback on layoutstop
};

当有人说以下内容时，能否有人帮助我理解或举例说明文档的含义？

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

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

id, origin, destination, x position, y position

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

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

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网站上的此演示。 他们在这里手动设置位置。