2016-09-21 124 views
0

当我意识到节点被颠倒渲染时,我正在使用80到1000个节点的网络。当使用cytoscape.js节点倒置时

我的意思是,第一象限正在绘制在第四象限的位置上。所以我决定只用四个节点,看看发生了什么,结果如下: the result was this. 每个节点都属于不同的象限。其中(50,50);( - 50,50);( - 50,-50)和(50,-50)。

我正在使用“预设”布局,预计会正确渲染它们(如在笛卡尔平面中)。我正在使用最新版本的“cytoscape.min.js”。

有问题的JavaScript的:

var cy = window.cy = cytoscape({ 
container: document.getElementById('cy'), 
layout: { name: 'preset'}, 
elements: [ 
{data: { id: '(0,0)'}, position: { x: 0, y: 0 }}, 
{data: { id: '++'}, position: { x: 50, y: 50 }}, 
{data: { id: '+-'}, position: { x: 50, y: -50 }}, 
{data: { id: '--'}, position: { x: -50, y: -50 }}, 
{data: { id: '-+'}, position: { x: -50, y: 50 }}, 

], 
style: [ 
    { 
     selector: 'node', 
     style: { 
      'content': 'data(id)', 
      'width': '2', 
      'height': '2', 
      'color': '#000', 
      'font-size': '10', 
      'opacity': 0.9, 
      'shape': 'ellipse', 
      'z-index': '9999' 
     } 
    }, 
], 

}); 

现在,这是预期的行为,我与错误的库工作?或者我错过了什么?

我已经尝试过所有布局选项。

回答

相关问题