将JSON文件加载到Cytoscape.js中

时间:2017-01-12 05:09:32

标签: javascript json cytoscape.js

Cytoscape.js新手。我从Cytoscape导出.cyjs格式的网络文件,但现在想在Cytoscape.js中将其可视化。我已经陷入将.cyjs文件集成到我的javascript中。我从在线提供的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 个答案:

答案 0 :(得分:1)

Cytoscape桌面错误地使用扩展名.cyjs命名导出的文件。它只是一个JSON文件,因此将其重命名为.json。只需将Cytoscape.js指向您要使用的JSON的特定部分(当您致电cytoscape( myOptions )时。