Question

当我们点击Circle时，我正在使用d3.js库开发解决方案它应该是Zoomed并且数据需要在圈内显示。

作为第一步，我试图从Json文件加载数据。

以下是json文件的内容，我使用的是Visual Studio 2012。

mydata.json

[{ “名称”： “拉维”， “年龄”：25}，{ “名称”： “阿曼”， “年龄”：29}]

.html文件和.json文件都在同一个文件夹中，但我仍然收到错误。

行：5734 错误：无法获取属性'children'的值：object为null或undefined

以下是剧本：

    var canvas = d3.select("body").append("svg")
                 .attr("width", 500)
                  .attr("height", 500);

    d3.json("mydata.json", function (data) {
        var treemap = d3.layout.treemap()
        .size([500, 500])
        .nodes(data)
        console.log(treemap);

    });

</script>

注意：我只是尝试加载文件并使用布局树形图。

由于

Answer 1

要更好地了解正在发生的事情，请使用debugger; + a dev console或添加更多日志记录：

d3.json("mydata.json", function (error, data) {
  console.log(error);
  console.log(data);
    var treemap = d3.layout.treemap()
      .size([500, 500])
      .nodes(data)
    console.log(treemap);
});

使用python -m SimpleHTTPServer托管文件并导航至127.0.0.1:8000会在计算机上记录以下内容：

null
[{"name":"Ravi","age":25},{"name":"aman","age":29}] 
[[{"name":"Ravi","age":25},{"name":"aman","age":29}]]

这让我觉得你没有通过服务器访问文件;我会尝试做that。

无法在d3.js中加载Json文件

1 个答案: