D3 JS与JSON

时间:2015-01-23 00:49:18

标签: json api d3.js

我正在尝试使用D3和openweather API进行数据可视化,以尝试以主要城市的条形图形式显示世界各地的温度。

我有以下查询:

d3.json("http://api.openweathermap.org/data/2.5/group?id=192710,2643743,1850147,2988507,524901,5368361,1816670,2177052,1835847,3128760,7533612,292223,7870410,3451190,1275339,4904381,5856195,&units=metric", function(data){
    console.log(data)
})

这里的参考是JSON中数据的链接,所以你也可以阅读它。

http://api.openweathermap.org/data/2.5/group?id=192710,2643743,1850147,2988507,524901,5368361,1816670,2177052,1835847,3128760,7533612,292223,7870410,3451190,1275339,4904381,5856195,&units=metric

第一个对象似乎是count(cnt),而下一个对象是另一个数组,其中包含我查询过的每个对象(城市)。我特意试图访问这些温度值。我将引用哪个键或名称来获取相应的温度(温度)值?

据我了解,data.cnt返回第一个对象,但data.list不返回任何内容,并且对如何访问此JSON的属性感到困惑。

1 个答案:

答案 0 :(得分:0)

以下内容可以帮助您入门:

var countriesAndTemps = [];
d3.json("...",function(data)
{
  // Access the list of countries
  data.list.forEach(function(datum)
  {
    var countryInfo =
    {
      temperature : datum.main.temp,
      name        : datum.sys.country
     }
   }
}