label overlapping with cytoscape.js
javascript,cytoscape.js,cytoscape,cytoscape-web
Adjust the relative sizes of your labels in your stylesheet Adjust your layout so that your nodes are spread farther apart Use short labels; you can show long text elsewhere, like in a tooltip ...
Select leaf node in compound nodes with cytoscape.js
javascript,cytoscape.js,cytoscape,cytoscape-web
What you mean by selecting isn't clear, but I'm guessing you mean how to query the graph: cy.nodes().not(':parent'); // all nodes who are not themselves a parent // or // cy.nodes(':child').not(':parent'); // all descendant nodes who are not themselves a parent ...
Adding extra information above the node in cytoscape.js
If you want to get something like: then this code adds the circle to a node knowing it's id: function addCircle(nodeId, circleText){ var parentNode = cy.$('#' + nodeId); if (parentNode.data('isCircle') || parentNode.data('circleId')) return; parentNode.lock(); var px = parentNode.position('x') + 10; var py = parentNode.position('y') - 10; var circleId = (cy.nodes().size()...
Increase width of selected edges only (cytoscape.js)
javascript,graph,cytoscape.js,cytoscape,cytoscape-web
Cytoscape.js → Selectors ...A selector functions similar to a CSS selector on DOM elements, but selectors in Cytoscape.js instead work on collections of graph element... The selectors can be combined together to make powerful queries... Selectors can be joined together (effectively creating a logical OR) with commas... node, edge,...