javascript - Cytoscape 的强制定向 Cola 布局类似于 Cola 示例

Question

我正在使用 cytoscape.js 和 cola 扩展，我有兴趣创建一个布局 similar to this example .

有is an example在网站上使用 cola 和 cytoscape.js，但它们没有这种非重叠功能。

我尝试了 infinite:true 选项，但它似乎没有按预期工作。我想知道这是如何用 cytoscape.js 和可乐实现的。

谢谢。

Answer 1

使用 infinite: true 参数，就像您第一次尝试的那样。您还需要 fit: false 参数以便能够缩放和平移。

例如:

var cy = cytoscape({
    container: $('#cy'),
    elements: /*...*/,
    layout: {
        name: 'cola',
        infinite: true,
        fit: false
    }
});

我在这里做了一个工作示例:http://codepen.io/anon/pen/EWEOKw (您需要在 HTTP 中加载:我没有找到可乐的 HTTPS CDN...)