javascript - data.key is undefined: how to parse json data -


i want draw rectangles in proportion size of cities. keep getting stuck parsing data. can take out keys of data, when use keys doing data.key gives me "undefined". think problem lays in fact keys strings, because data.amsterdam works fine. how can solve problem?

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) {     (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");     } }) 

example data:

{   "'s-gravenhage": { "a_opp_ha": "9811", "a_pau": "178360", "ste_oad": "4755" },   "amsterdam": { "a_opp_ha": "21949", "a_pau": "230675", "ste_oad": "6096" } } 

you should use data[key] expression instead of data.key.


Comments

Popular posts from this blog

python - How to create jsonb index using GIN on SQLAlchemy? -

swift - How to change text of a button with a segmented controller? -

PHP DOM loadHTML() method unusual warning -