处理堆积条形图的json

时间:2017-08-17 15:06:59

标签: javascript json ajax d3.js

我是javascript的新手。我希望随着时间的推移创建堆积条形图或区域图,类似于: http://nvd3.org/examples/stackedArea.html

但是,我不确定如何解析我的json。每个日期应位于底部,区域为彩色滤镜,x轴为日期,y轴为每个区域的计数。

我认为我需要将区域作为键并计算值,但不确定如何迭代它然后也得到日期。我的数据来自ajax调用,所以我没有处理.json文件。

json样本:

[
    {
      "_id": {
        "Date": "2016-01-29",
        "Location": "30"
      },
      "counts": 25,
      "subcounts": [
        {
          "regions": "North America",
          "count": 3
        },
        {
          "regions": "Africa",
          "count": 2
        },
        {
          "regions": "South America",
          "count": 5
        },
        {
          "regions": "Asia",
          "count": 4
        },
        {
          "regions": "Europe",
          "count": 8
        },
        {
          "regions": "Australia",
          "count": 3
        }
      ]
    },
    {
      "_id": {
        "Date": "2016-01-30",
        "Location": "30"
      },
      "counts": 20,
      "subcounts": [
        {
          "regions": "North America",
          "count": 2
        },
        {
          "regions": "Africa",
          "count": 3
        },
        {
          "regions": "South America",
          "count": 3
        },
        {
          "regions": "Asia",
          "count": 4
        },
        {
          "regions": "Europe",
          "count": 6
        },
        {
          "regions": "Australia",
          "count": 2
        }
      ]
    },

0 个答案:

没有答案