cytoscape.js n'important pas de style

J'utilise cytoscape.js 2.7.5 pour afficher un graphique exporté par Cytoscape Desktop comme graph.cyjs converti en un fichier Javascript graph.js contenant "var graph = ... the content of the cyjs file ...;". Avec le code HTML suivant, je vois les nœuds et les arêtes mais le style (couleurs, attribut à utiliser comme nom de nœud) n'est pas importé. Comment puis-je importer le style aussi?cytoscape.js n'important pas de style

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<script src="cytoscape.js"></script> 
<script src="graph.js"></script> 
</head> 
<body> 
    <div id="cy" style="width:100%;height:100vh;"></div> 
    <script> 
    var cy = cytoscape({ 
    container: document.getElementById('cy') // container to render in 
    }); 
    cy.add(graph.elements); 
    </script> 
</body> 
</html>

Source

2016-07-13 Konrad Höffner

Apparemment, Cytoscape Desktop ne sauvegarde pas les informations de style dans ses fichiers afin .csjs ce doit être exporté et importé séparément:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<script src="cytoscape.js"></script> 
<script src="graph.js"></script> 
<script src="style.js"></script> 
</head> 
<body> 
<div id="cy" style="width:100%;height:100vh;"></div> 
<script> 
var cy = cytoscape({ 
    container: document.getElementById('cy'), 
    style: style[0].style 
    }); 
cy.add(graph.elements); 
</script> 
</body> 
</html>

Source

2016-07-13 12:40:58

cytoscape.js n'important pas de style

Répondre

Questions connexes