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
},
{...}
]

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

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

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