Cytoscape.js：动态更改布局

Question

我想基于单选按钮动态更改Cytoscape.js布局。

我有：

<input type="radio" name="layout" value="preset" checked>
<input type="radio" name="layout" value="breadthfirst">

和

$("input:radio[name=layout]").click(function() {
    var layout = $(this).val();
    cy.layout({ name: layout });        
});

来自按钮的值正确通过，我用警报检查了它们。

我想念什么？

问候，奥利维尔

Answer 1

从文档中：http : //js.cytoscape.org/#cy.layout，您将需要使用cy.layout( options )

首先，您需要调用cy.layout(options)来设置布局，然后简单地调用layout.run()使其生效。

代码如下：

// cy here is an instance of Cytoscape
var layout = cy.layout({
      name: 'random'
    });

    layout.run(); 

您可以在这里找到更多布局：http : //js.cytoscape.org/#demos