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

PHP DOM loadHTML() method unusual warning -

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

c# - TransactionScope not rolling back although no complete() is called -