Cytoscape.js：动态更改布局

Question

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

我有：

init?(rawValue:)

和

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

按钮中的值正确传递，我通过警告检查它们。

我缺少什么？

问候，Olivér

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