cytoscape.js 中可乐布局的渲染速度

Question

我将cytoscape.js 中的cola-layout 应用于一个包含500 个以上节点和边 的数据集。 布局呈现图表并需要 10 分钟 才能稳定为开放式图表。

我的问题是这是否是可乐显示如此复杂的图表所需的时间？

为了得到一个视觉上令人愉悦的（平衡）图表，像这样infinite:true

在我下载的 cytoscape.js 文件中from here。

我已经设置好了，

infinite: true; // for cola layout

---

没有它，它会变成这样一个纠缠图： infinite:false

---

这是 javascript 代码：

$(function()
            { 
                $('#cy').cytoscape
                ({
                      style: cytoscape.stylesheet()
                        .selector('node').css({'content': 'data(name)'})
                        .selector('edge').css({'target-arrow-shape': 'triangle'})
                        .selector(':selected').css({'line-color': 'black'})
                      elements: {
                                 nodes: [ 
                                         { data: { id: '2335', name: '2335' } },
                                          //.
                                          //. data from www.briandunning.com/sample-data/ca-500.zip

                                         },
                                        ],
                                 edges: [
                                          { data: { source:'2335', target:'Canton' } 
                                          //.
                                          //. data from www.briandunning.com/sample-data/ca-500.zip
                                           }]
                                },
                      layout: { name: 'cola'},
                      ready: function()
                            {
                                window.cy = this;
                            }
                }); 


}); 

---

Answer 1

我想你可能已经回答了你自己的问题！如果设置infinite: true，则布局将无限运行。所以，当然在这种情况下它会运行很长时间，事实上它永远不会停止，除非你明确地调用 API 来这样做。