D3采用两个对象的数组并将其读入D3形状

时间:2017-02-28 22:12:47

标签: javascript arrays json d3.js svg

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

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

import {
    Beets,
    Cabbage,
} from 'src/components';

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

City  Airport

Chicago 80
New York 42

我看了d3.json或d3.nest,但现在坦率地失去了。谢谢你的帮助!

1 个答案:

答案 0 :(得分: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
 }

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