使用 d3.json 访问存储文件中的 json 数据

Question

我是 d3.json 的新手，我正在尝试访问一个文件 -> recordSet.json -> 它与 html 文件

在同一个文件夹中

[
          { "module": "A", "errors": 50 },
          { "module": "B", "errors": 120 },
          { "module": "C", "errors": 10 },
          { "module": "D", "errors": 200 },
          { "module": "E", "errors": 27 },
          { "module": "F", "errors": 25 },
          { "module": "G", "errors": 40 }
];

在 html 文件中，我有以下代码 - 脚本标记中的第一行是

d3.json("./recordSet.json", function (error, dataset) {
    if (error) {
        console.log(error);
    } else {
        // code that works well for prewritten data
    }
}

json 路径 - C:\Users\suchitrai.ext\Documents\Visual 工作室 2012\Projects\NodejsConsoleApp1\NodejsConsoleApp1\recordSet.json

html 路径 - C:\Users\suchitrai.ext\Documents\Visual 工作室 2012\Projects\NodejsConsoleApp1\NodejsConsoleApp1\index.html

js 文件路径 - C:\Users\suchitrai.ext\Documents\Visual Studio 2012\Projects\NodejsConsoleApp1\NodejsConsoleApp1\app.js

并且控制台显示 SYNTAX ERROR ...我无法弄清楚可能是什么错误。控制台中唯一的一行显示 SyntaxError {} 。当我做 console.error(error) -> 我明白了语法错误 {"Unexpected token m"} （匿名函数）事件回应

Answer 1

根据评论中的讨论，上述问题的解决方案是将文件放在 C: 中，浏览器通常没有足够的权限从系统驱动器访问文件。将其移动到任何其他目录可解决问题。

使用 d3.json 访问存储文件中的 json 数据

using d3.json to access json data in a stored file

json

d3.js

console.log