data.key is undefined: 如何解析 JSON 数据

data.key is undefined: how to parse json data

本文关键字:何解析 JSON 数据 key is undefined data      更新时间:2023-09-26

我想按城市大小的比例绘制矩形。但是我一直在解析数据时陷入困境。我可以取出数据的键,但是当我通过做数据来使用键时.key它给了我"未定义"。我认为问题在于键是字符串,因为数据。阿姆斯特丹工作正常。如何解决这个问题?

var current = "Amsterdam"
var g = d3.select("body")
    .append("svg:svg")
    .attr("width", 1000)
    .attr("height", 1000)
    .append("svg:g");
d3.json("data_2014.json", function (error, data) {
    for (var key in data) {
        console.log(data.key)
        g.append("rect")
            .attr("width", data.key.a_opp_ha/100)
            .attr("height", data.key.a_opp_ha/100)
            .attr("x", 0)
            .attr("y", 0)
            .attr("fill", function (ding) {
                if (key === current) {
                    return "blue";
                } else {
                    return "none"};
                }
            })
            .attr("stroke", "teal");
    }
})

示例数据:

{
  "'s-Gravenhage": { "a_opp_ha": "9811", "a_pau": "178360", "ste_oad": "4755" },
  "Amsterdam": { "a_opp_ha": "21949", "a_pau": "230675", "ste_oad": "6096" }
}
你应该

使用data[key]表达式而不是data.key