Question

使用NeoVis.js可视化Neo4j图形时遇到了一些麻烦。

我使用Movie-Tutorial-Database，在其中我建立了一起电影中的每个人之间的关系“ ACTED_WITH”。我所有的东西都是本地的。

我制作了一个test.html文件，其中包含以下代码：

<head>

    <meta charset="utf-8">
    <title>DataViz</title>
    <style type="text/css">
        #viz {
            width: 900px;
            height: 700px;
        }
    </style>

    <script src="https://rawgit.com/neo4j-contrib/neovis.js/master/dist/neovis.js"></script>

    <script type="text/javascript">
        var viz;
        function draw() {
            var config = {
                container_id: "viz",
                server_url: "bolt://localhost:7687",
                server_user: "Neo4j",
                server_password: "123",
                labels: {

                    },
                relationships: {

                },
                initial_cypher: "match (tom:Person{name:"Tom Hanks"})-[r:ACTED_WITH]->(coWorkers)
                return tom, r, coWorkers"
            },

            viz = new NeoVis.default(config);
            viz.render();
        };
    </script>

</head>

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

当我在浏览器中打开文件时，它会在选项卡内显示标题，也就是它。使用浏览器工具进行调查会显示以下内容：

test.html：30未捕获的SyntaxError：意外的标识符

test.html：41未捕获的ReferenceError：未定义绘制在onload（test.html：41）

我不明白。 draw（）已定义，不是吗？而且查询在Neo4j浏览器中也可以正常工作。你能找出什么问题吗？预先感谢。

问候

Answer 1

请检查以下代码。

该密码对我有用，首先用一个简单的密码进行测试，以测试您是否使用螺栓连接到neo4j。然后也添加密码检查正确的语法。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-2.0.3.min.js" data-semver="2.0.3" data-require="jquery"></script>
<script src="https://rawgit.com/neo4j-contrib/neovis.js/master/dist/neovis.js"></script>
<script type="text/javascript">
    function draw() {
    alert("inside method");
    var viz;
var config = {
            container_id: "viz",
            server_url: "bolt://127.0.0.1:7687",
            server_user: "Neo4j",
            server_password: "password",
            labels: {

                },
            relationships: {

            },
            initial_cypher: "MATCH (n:Movie) RETURN n LIMIT 1"
        },

        viz = new NeoVis.default(config);
    console.log(JSON.stringify(viz));
        viz.render();
       };
</script>
</head>

<body>
<div>
<div id="row2">
<input type="button" value="click" onclick="draw()">
<div id="viz"></div>
</div>
</form>
</div>
</body>

</html>

Neo4j NeoVis麻烦

1 个答案: