將JSON文件加載到Cytoscape.js中

Cytoscape.js的新增功能。我從Cytoscape以.cyjs格式導出了一個網絡文件，但現在想在Cytoscape.js中將其可視化。我已經將.cyjs文件整合到了我的javascript中。我從網上提供的Cytoscape.js教程做了如下的模板：將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>

來源

2017-01-12 Quintakov

Cytoscape的桌面誤名導出的文件擴展名爲.cyjs。這只是一個JSON文件，因此將其重命名爲.json。只需將Cytoscape.js指向您要使用的JSON的特定部分（當您撥打cytoscape(myOptions),

來源

2017-01-14 03:20:21 maxkfranz

因此，如果我想在我的JSON文件中利用我所有的節點和邊緣，我該如何去做？我一直在尋找關於[另一篇文章]（https://stackoverflow.com/questions/40317668/loading-and-using-json-for-cytoscape-js）的評論。 – Quintakov

將JSON文件加載到Cytoscape.js中

回答

相關問題