2017-01-12 107 views
0

Cytoscape.js。 Cytoscapeの.cyjs形式のネットワークファイルをエクスポートしましたが、Cytoscape.jsで可視化したいと考えています。私はjavascriptに.cyjsファイルを統合しています。JSONファイルを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> 

答えて

1

Cytoscapeデスクトップ誤っ名拡張子.cyjsでエクスポートされたファイル:私はオンラインで提供Cytoscape.jsチュートリアルから次のテンプレートを作りました。これは単なるJSONファイルなので、.jsonに名前を変更します。 Cytoscape.jsを使用するJSONの特定の部分にポイントするだけです(cytoscape(myOptions)を呼び出したとき

+0

JSONファイルでノードとエッジをすべて利用したい場合はどうすればよいですか?私はこの[その他の投稿](https://stackoverflow.com/questions/40317668/loading-and-using-json-for-cytoscape-js)のコメントが何をしたのかを探していました。 – Quintakov

関連する問題