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