如何解析JSON文件以将数据绑定到d3区域映射

Question

我正在尝试从JSON文件中获取数据，并将其链接到我的geoJSON文件，以创建郡县颜色绑定到“金额”值的choropleth映射，但我也希望绑定到相应的“注释”值我将鼠标悬停在那个县时的div。

当我的counties.json数据采用以下形式时，我位于http://bl.ocks.org/eoiny/6244102的代码将用于生成Choropleth映射：

"Carlow":3,"Cavan":4,"Clare":5,"Cork":3,

但是当我尝试使用以下形式时，事情变得棘手：

{
"id":"Carlow",
"amount":11,
"comment":"The figures for Carlow show a something." },

我无法理解如何连接来自counties.json的“ id”：“ Carlow”和从ireland.json创建的“ id”：“ Carlow”路径，而同时却可以访问中的其他值counties.json，即“数量”和“评论”。

对于我的口齿不清的问题表示歉意，但是如果有人可以给我指出一个例子或参考，我可以查一下，那将是很棒的。

Answer 1

我会在加载数据时进行预处理，以使您的量化功能更容易查找。 基本上，替换为： data = json; 有了这个：

data = json.reduce(function(result, county) {
    result[county.id] = county;
    return result;
}, {});

然后在您的量化功能中，您将获得如下所示的数量：

function quantize(d) {
    return "q" + Math.min(8, ~~(data[d.id].amount * 9 / 12)) + "-9";
}

预处理的工作就是打开该数组（可通过索引轻松访问）：

[{id: 'xyz', ...}, {id: 'pdq', ...}, ...]

进入带有县级密钥的对象（可通过县级ID轻松访问）：

{'xyz': {id: 'xyz', ...}, 'pdq': {id: 'pdq', ...}, ...}