neovis.js 根本不显示节点

问题描述 投票:0回答:0

我试图可视化托管在本地主机 Neo4j 桌面和 auradb 上的 Neo4j 数据。但是我尝试了下面的代码,它只显示了应该显示节点的空白区域。 我检查了我所有的数据库实例都在运行,但找不到 neovis 无法从数据库中获取任何数据的原因。你能帮我做正确的事吗?我尝试了其他一些东西,比如 neo4j://dbId.databases.neo4j.io 和 bolt://dbId.databases.neo4j.io 但它们都不起作用:(

<!doctype html>
<html>
<head>
    <title>Neovis.js Simple Example</title>
    <style type="text/css">
        html, body {
            font: 16pt arial;
        }

        #viz {
            width: 900px;
            height: 700px;
            border: 1px solid lightgray;
            font: 22pt arial;
        }

    </style>

    <!-- import from CDN -->
    
    
    <script src="https://unpkg.com/[email protected]/dist/neovis-without-dependencies.js"></script>

    <script
            src="https://code.jquery.com/jquery-3.2.1.min.js"
            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
            crossorigin="anonymous"></script>

    <script type="text/javascript">
        // define config car
        // instantiate nodevis object
        // draw
        var viz;

        function draw() {
            var config = {
                container_id: "viz",
                serverUrl: "bolt://127.0.0.1:7687",
                serverUser: "cee",
                serverPassword: "niax1729@",
                //encrypted: "ENCRYPTION_ON",
                //trust: "TRUST_SYSTEM_CA_SIGNED_CERTIFICATES",
                /*neo4j: {
                    serverUrl: "neo4j+s://dbId.databases.neo4j.io",
                    serverUser: "neo4j",
                    serverPassword: "passwd",
                    driverConfig: { 
                    encrypted: "ENCRYPTION_ON",
                    trust: "TRUST_SYSTEM_CA_SIGNED_CERTIFICATES"
                    }
                }, */
                labels: {
                    /* Character: {
                        label: "name",
                        value: "pagerank",
                        group: "community"
                    } */
                },
                relationships: {
                    /* INTERACTS: {
                        value: "weight"
                    } */
                },
                initialCypher: "MATCH p=(n:Review)-[r:Inter]-(m:Review) RETURN p"
            };

            viz = new NeoVis.default(config);
            viz.render();
            console.log(viz);

        }
    </script>
</head>
<body onload="draw()">
<div id="viz"></div>


Cypher query: <textarea rows="4" cols=50 id="cypher"></textarea><br>
<input type="submit" value="Submit" id="reload">
<input type="submit" value="Stabilize" id="stabilize">


</body>

<script>
    $("#reload").click(function () {

        var cypher = $("#cypher").val();

        if (cypher.length > 3) {
            viz.renderWithCypher(cypher);
        } else {
            console.log("reload");
            viz.reload();

        }

    });

    $("#stabilize").click(function () {
        viz.stabilize();
    })

</script>
</html>
neo4j localhost neovis
© www.soinside.com 2019 - 2024. All rights reserved.