javascript - D3 获取两个对象的数组并将其读入 D3 形状

Question

我是 D3 新手，有一个基本问题。调用服务时，我收到一组对象。当我执行 console.log(typeof(...)) 时，它显示一个数组。

该数组包含两个对象。例如，如果有两个字段。它会使用。

City  Airport

Chicago 80
New York 42

我正在创建点图，但现在，我只想访问数据而不会出错。

svg.selectAll("circle")
 .data( ????)
 .attr('cx', function(d){ d.City }

我查看了 d3.json 或 d3.nest，但坦白说我现在迷失了。感谢您的帮助!

Answer 1

假设您的数据数组如下所示:

var dataArray = [{
  "City": "Chicago",
  "Airport": 80
},
{...}
]

您应该能够通过其名称轻松绑定(bind)此数据，如下所示:

svg.selectAll("circle")
 .data(dataArray)          # or whatever name you have
 .attr('cx', function(d){ 
   return d.City;          # note that you need to use return
 }

如果您可以提供有关数据集的更多信息，将会很有帮助。