JSON format for d3 Choropleth

JSON format for d3 Choropleth

本文关键字:Choropleth d3 for format JSON      更新时间:2023-09-26

我使用d3队列d3队列。当我的数据是CSV格式,它工作得很好:

CSV数据:

state, count
1, 100
2, 200
3, 300

.defer(d3.csv, data, function(d) {
  rateById.set(d.state, +d.count); 
})

但是,现在我的数据是JSON格式。

JSON数据:

[
  {
    state: 1,
    count: 100
  },
  {
    state: 2,
    count: 200
  }
]

我把.defer改成了

.defer(d3.json, data, function(d) {
  rateById.set(d.state, +d.count); 
})

但是它抛出错误:"Cannot read property 'state' of null"。这是否意味着数据没有被传递,或者我在读取JSON时搞砸了?

阅读queue.js API,看起来应该是这样的:

.defer(d3.json, data) // .defer(task, [arguments]);
.await(function(d) { 
    rateById.set(d.state, +d.count); 
}); // .await(callback)

链接到文档