0

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

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

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

我的数据.json

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

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

行：5734 错误：无法获取属性“孩子”的值：对象为空或未定义

下面是脚本：

    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>

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

谢谢

4

1 回答 1

1

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

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}]]

这让我认为您没有通过服务器访问文件；我会尝试这样做。

于 2013-07-11T17:06:01.917 回答