2017-01-12 2 views
0

Neu bei Cytoscape.js. Ich habe eine Netzwerkdatei im .cyjs-Format von Cytoscape exportiert, möchte sie aber jetzt in Cytoscape.js visualisieren. Ich bin dabei geblieben, die .cyjs-Datei in mein Javascript zu integrieren.Laden der JSON-Datei in Cytoscape.js

<!doctype html> 

<html> 

<head> 
    <meta charset="utf-8"></meta> 
    <title>Tutorial 1: Getting Started</title> 
    <script src="cytoscape.js"></script> 
</head> 

<style> 
    #cy { 
     width: 100%; 
     height: 100%; 
     position: absolute; 
     top: 0px; 
     left: 0px; 
    } 
</style> 

<body> 
    <div id="cy"></div> 
    <script> 
     var cy = cytoscape({ 
        container: document.getElementById('cy'), 
        elements: [ 
         //nodes 

         //edges 

        ], 
        style: [ 
         { 
         selector: 'node', 
         style: { 
          shape: 'circle', 
          'background-color': 'blue', 
          label: 'data(id)' 
         } 
         }] 
        }); 
         cy.layout({ 
         name: 'circle' 
}); 
    </script> 
</body> 

</html> 

Antwort

1

Cytoscape Desktop fälschlicherweise Namen die exportierte Datei mit der Erweiterung .cyjs: Ich habe die folgende Vorlage aus dem Cytoscape.js Tutorial online zur Verfügung gestellt. Es ist nur eine JSON-Datei, benennen Sie sie in .json um. Zeigen Sie einfach Cytoscape.js auf die einzelnen Teile des JSON, die Sie verwenden möchten (wenn Sie cytoscape(myOptions) anrufen.

+0

Also wenn ich alle meine Knoten und Kanten in meiner JSON-Datei verwenden wollte - wie würde ich das tun? Ich suchte nach dem Kommentar zu diesem [anderen Beitrag] (https://stackoverflow.com/questions/40317668/loading-and-using-json-for-cytoscape-js). – Quintakov

Verwandte Themen