Cytoscape.js: 动态改变布局

Cytoscape.js: change layout dynamically

我想根据单选按钮动态更改 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 });        
});

按钮的值正确传递,我用警报检查了它们。

我错过了什么?

来自文档:http://js.cytoscape.org/#cy.layout,you 将需要使用 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