Javascript 如何在cytoscape中放大选定节点
我对javascript和cytoscape都是新手。 我想生成一个图(仍然是硬编码的)Javascript 如何在cytoscape中放大选定节点,javascript,graph,cytoscape.js,flowchart,Javascript,Graph,Cytoscape.js,Flowchart,我对javascript和cytoscape都是新手。 我想生成一个图(仍然是硬编码的) 现在我需要缩放单击的节点 此外,单击节点时,还会显示另一个图形 谢谢你的帮助 谢谢您可以将节点上的单击事件绑定到cytoscape,如下所示: cy.bind('click ', 'node', function (evt) { var pos = cy.nodes("[id = " + evt.target.data().id + "]").position(); cy.zoom({
谢谢您可以将节点上的单击事件绑定到cytoscape,如下所示:
cy.bind('click ', 'node', function (evt) {
var pos = cy.nodes("[id = " + evt.target.data().id + "]").position();
cy.zoom({ // Zoom to the specified position
level: yourLevel, // 0 <= yourLevel, maybe try out 1,2,3,4... and see what fits
position: pos
});
});
最后,您可能希望使用cy.unbind()命令删除已有的绑定并再次绑定它们,以确保不会多次调用这些绑定
亲切的问候
cy.bind('click', 'node', function (evt) {
cy.remove(cy.elements()); // remove elements and reset graph
cy.reset(); // graph is empty now
cy.add(yourElements); // add new elements
cy.elements().layout(yourLayout).run(); // give them a layout
});