D3 - 未捕获的TypeError：无法读取属性

Question

我试图用D3来映射佛罗里达州的人均犯罪率。

我将我的犯罪数据与我的佛罗里达州geojson数据合并。所有数据均位于＆quot; data / florida.geojson＆＃39; 。

        d3.json("data/florida.geojson", function (json) {

            console.log(json.features);

            console.log(parseFloat(json.features[0].values.Arrests_1998));

            svg.selectAll("path")
                .data(json.features)
                .enter()
                .append("path")
                .attr("d", path)
                .style("fill", function (d) {
                    var value = parseFloat(d.values.Arrests_1998); // ERROR HERE!
                    if (value) {
                        return ("rgb(" + color(value) + ",0,0)");
                    } else {
                        return "#ccc";
                    }
                })
                .style("stroke", "#fff");

我在代码中编写了两行console.log()行用于调试。从控制台，我可以看到json.features[0].values.Arrests_1998确实有一个值（0.032）。

绑定到路径元素的对象如下所示：

因此，当我创建“路径”时，我将每个json.features对象绑定到一个元素。那么为什么我不能在我的.style调用中将它作为d.values.Arrests_1998引用呢？