【问题标题】:Trying to display NEO4J json data in a html page through json试图通过json在html页面中显示NEO4J json数据
【发布时间】:2017-05-29 19:29:22
【问题描述】:

我正在尝试显示来自 NEO4J db 的 json 电影的图表。但它显示一个空白页面,并在控制台中显示错误。这里输出: 代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/alchemyjs/0.4.2/styles/vendor.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/alchemyjs/0.4.2/scripts/vendor.js"></script>
    <script src="lodash.js"></script>

</head>
<body>
<div class="alchemy" id="alchemy"></div>
<script type="text/javascript">
    alchemy.begin({
        dataSource: "../result.json",
        dataType:'html',
        nodeCaption:'name',
        nodeMouseOver:'name',
        cluster: true,
        clusterColours:["#1B9E77,#D95F02,#7570B3,#E7298A,#66A61E,#E6AB02"]
    })
</script>
</body>
</html>

【问题讨论】:

    标签: javascript html json neo4j alchemy


    【解决方案1】:

    我不认为这是初始化库的方式。将您的脚本修改为

    <script type="text/javascript">
       var config ={
            dataSource: "../result.json",
            dataType:'html',
            nodeCaption:'name',
            nodeMouseOver:'name',
            cluster: true,
            clusterColours:["#1B9E77,#D95F02,#7570B3,#E7298A,#66A61E,#E6AB02"]
        };
         alchemy = new Alchemy(config);
    </script>
    

    参考 http://graphalchemist.github.io/Alchemy/#/examples

    您似乎没有加载 alchemyjs。您仅加载 alchemyjs 的依赖项。包括两个脚本

     <script src="https://cdnjs.cloudflare.com/ajax/libs/alchemyjs/0.4.2/scripts/vendor.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/alchemyjs/0.4.2/alchemy.min.js"></script>
    

    【讨论】:

    • 首先感谢您的回答,我按照您说的修改了代码,但是出现了一个错误“ReferenceError: Can't find variable: Alchemy”。
    • 您没有加载库您正在加载库使用的供应商脚本。使用cdn.graphalchemist.com/alchemy.min.js。我已经更新了我的答案
    • 对不起,不行,我已经试过了。现在给我两个错误:“[Error] SyntaxError: Unexpected token '
    • 我的错误参考链接仍然没有加载所有依赖项。您可以尝试先包含供应商脚本,然后再包含 alchmey 脚本。我已经更新了答案
    • 没有问题,祝你有美好的一天
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-25
    • 2020-05-09
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    • 2020-04-20
    相关资源
    最近更新 更多