将json代码集成到d3 html文件中

Question

我正在从以下链接测试桑迪图表： https ://gist.github.com/d3noob/c2637e28b79fb3bfea13

但是我只能在 Firefox 中看到图表，在 Chrome 中看不到。 我怀疑是因为 Chrome 不允许从外部文件访问数据。

因此，我正在尝试集成 json 代码，但是当我尝试时，图表没有显示在 Firefox 中

我添加了一个包含所有 json 代码的变量，例如：

var dataset = {"nodes":[{"node":0,"name":"node0"},{"node":1,"name":"node1"},{"node":2,"name":"node2"},{"node":3,"name":"node3"},{"node":4,"name":"node4"}],"links":[{"source":0,"target":2,"value":2},{"source":1,"target":2,"value":2},{"source":1,"target":3,"value":2},{"source":0,"target":4,"value":2},{"source":2,"target":3,"value":2},{"source":2,"target":4,"value":2},{"source":3,"target":4,"value":4}]};

我已经替换了这行代码：

d3.json("sankey-formatted.json", function(error, graph) {

对于这个（只需用数据集变量替换文件名）：

d3.json(dataset, function(error, graph) {

,,, 但不是图表没有显示。 有什么想法为什么桑基图没有显示？

谢谢

Answer 1

您面临的问题是d3.json ...

...返回一个新请求，以使用默认的 mime 类型 application/json 在指定的 url 处获取 JSON 文件。

话虽如此，解决方案比您想象的要简单：因为您已经有了一个包含所有数据的变量，只需将其命名为graph （您的d3.json函数加载文件并填充名为graph的数据数组）：

var graph = {"nodes":[{"node":0,"name":"node0"},...

并删除d3.json函数，不要忘记删除d3.json花括号/圆括号：

d3.json("sankey-formatted.json", function(error, graph) {//remove this...

    //your function

});//...and don't fortget to remove this too.