El uso de Cytoscape.js en la galería de redes (3): extensión

Uso del componente panzoom

Un widget que desplaza y amplía un gráfico de Cytoscape.js

gitHub: cytoscape/cytoscape.js-panzoom: extensión Panzoom para Cytoscape.js (github.com)

1. Instalar

   npm install cytoscape-panzoom
   

2. introducir

   import panzoom from 'cytoscape-panzoom';
   cytoscape.use( panzoom );
   

   o

   var panzoom = require('cytoscape-panzoom');
   panzoom(cytoscape)
   

   o taquigrafía

   cytoscape.use( require('cytoscape-panzoom') );
   

   Nota:

   Los estilos e iconos utilizados también se importan

   import "cytoscape-panzoom/cytoscape.js-panzoom.css"
   import "cytoscape-panzoom/font-awesome-4.0.3/css/font-awesome.css"
   

3. usar

   var cy = window.cy = cytoscape({
         
         
       //options here...
   )}
                                  
   cy.panzoom({
         
         
   	// options here...
   });