Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在cytoscape中放大选定节点_Javascript_Graph_Cytoscape.js_Flowchart - Fatal编程技术网

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({

我对javascript和cytoscape都是新手。 我想生成一个图(仍然是硬编码的)

  • 现在我需要缩放单击的节点
  • 此外,单击节点时,还会显示另一个图形
  • 谢谢你的帮助


    谢谢

    您可以将节点上的单击事件绑定到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
    });