填充SVG元素，处理JSON中的数据

Question

Hello I have JSON file with this structure (I have 249 countries, all with iso codes) and as you can see I want to declare iso code as var iso, and visitors, as var visitors, and then if visistors have more than 1, and less than 50, fill SVG element where ID=iso with #94d31b, but it doesn't work... I don't know what to do now. and before I do "if" I want to fill Canada, but console says that ca does not exist, but I have this element in SVG, and when I delete this line, and put this line into if, then I have no error, so if doesn't work, because if he did, he should say that "ca" does not exist.

Answer 1

You're looping through your data incorrectly. You actually want to loop through the data.iso_countries array. Try:

$.getJSON("results.json", function(data) {
    data = data.iso_countries; // the array we really want
    for(var key in data) {

As for how to access individual parts of the SVG image, see this question .