Quiero alinear mi gráfico de citopaisaje en el centro del lienzo, ¿alguien puede ayudarme? Este es el resultado que obtengo:
Heres mi código de diseño:
var cy = window.cy = cytoscape({ // Contenedor container: document.getElementById('graficaCytoscape'), // Layout layout: { name: 'cose', idealEdgeLength: 100, nodeOverlap: 20, refresh: 20, padding: 30, randomize: false, componentSpacing: 100, nodeRepulsion: 400000, edgeElasticity: 100, nestingFactor: 5, gravity: 80, numIter: 1000, initialTemp: 200, coolingFactor: 0.95, minTemp: 1.0 }, // Styles style: [{ "selector": "node", "style": { "width": "mapData(score, 0, 25, 30, 70)", "height": "mapData(score, 0, 25, 30, 70)", "content": "data(name)", "font-size": "12px", "background-color": "#c2c2c2", "text-outline-color": "#555", "text-outline-width": "2px", "color": "#fff", "overlay-padding": "6px", "z-index": "10" } }, { "selector": "edge", "style": { "curve-style": "haystack", "haystack-radius": "0.5", "opacity": "0.4", "line-color": "#EC0000", "width": "mapData(weight, 0, 1, 1, 8)", "overlay-padding": "3px" } }], // Data elements: data });Entonces, lo que necesito es que el gráfico vaya al centro de su contenedor. Creo que es una pregunta fácil, pero nunca antes había trabajado con cytoescape y estoy atascado en esto. Gracias.
Puede intentar usar cy.center() cuando esté en el archivo .js mientras representa su gráfico.
Documentación de Cytoscape.js: https://js.cytoscape.org/#cy.center
Puede intentar agregar cy.center() en el archivo script.js para ver el efecto en este ejemplo: http://embed.plnkr.co/O7mWEfZuIhhtahdAhsAM/
Alternativamente, desde su código, también puede intentar agregar cy.center() al final de la declaración de la variable cy.
Por fin pude hacerlo con: pan: { x: 400, y: 100 },