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,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