javascript - 如何使用 d3.js 访问 JSON

Question

似乎找不到这个问题的答案。

d3.js 是否需要数据采用特定格式。例如:

var dataset = {
"people": [
  {
    "name": "person1",
    "projects": [
      {
        "name": "project1"
      },
      {
        "name": "project3"
      }
    ]
  },
  {
    "name": "person2",
    "projects": [
      {
        "name": "project1"
      },
      {
        "name": "project2"
      }
    ]
  }
 ]
};

然后使用这个:

d3.select('body')
.selectAll('p')
  .data(dataset)
  .enter()
  .append('p')
  .text(function(d){
    return d;
  }); 

不会返回任何东西。

希望有人能帮忙。

文档和其他教程都说您可以使用上面的内容，但始终使用数组作为示例/演示。

Answer 1

正如@MikeAtkins 所说，您正在尝试对外部对象进行数据绑定(bind)。尝试:

var dataset = {
"people": [
  {
    "name": "person1",
    "projects": [
      ...
    ]
  },
  ...
 ]
};

d3.select('body')
.selectAll('p')
  .data(dataset.people)
  .enter()
  .append('p')
  .text(function(d){
    return d.name;
  }); 

如果您想绑定(bind)到 NESTED 数组(即每个人的每个项目)，您应该看到 this tutorial .