javascript - 如何 reshape 现有 JSON 以适应 Highcharts

标签 javascript jquery json d3.js highcharts

我是 JS 新手,在将数据输入 Highcharts 进行可视化时遇到问题。

假设我有以下 JSON 数据

{  
   "is_error":0,
   "keys":[  
      "count",
      "created_date",
      "source",
      "gender_id",
      "type"
   ],
   "error":"",
   "values":[  
      {  
         "count":3,
         "created_date":"2017-08-09",
         "source":"",
         "gender_id":"",
         "type":"Organization"
      },
      {  
         "count":1,
         "created_date":"2017-08-10",
         "source":"",
         "gender_id":"",
         "type":"Organization"
      },
      {  
         "count":2,
         "created_date":"2017-08-09",
         "source":"",
         "gender_id":1,
         "type":"Individual"
      },
      {  
         "count":1,
         "created_date":"2017-08-12",
         "source":"",
         "gender_id":1,
         "type":"Individual"
      }
   ]
}

我如何将其转换为 Highcharts 系列数组,使其看起来像这样:

series: [{
    name: 'Organization',
    data: [
        [Date.UTC(2017, 08, 09), 3],
        [Date.UTC(2017, 08, 10), 1],
    ]
}, {
    name: 'Individual',
    data: [
       [Date.UTC(2017, 08, 09), 2],
       [Date.UTC(2017, 08, 12), 1],
    ]
}]

在 JSON 中,我有一些不需要的信息(来源和性别 ID)。

这是我的 example in JSFiddle具有完整的大数据集,我想使用 JS 对其进行转换并将其放入 Highchart。

有没有一种简单的方法可以将这样的 JSON 转换为可以插入 Highchart 的内容?

最佳答案

检查这个 Fiddle并根据您的需求进行更新

    series: chartData

关于javascript - 如何 reshape 现有 JSON 以适应 Highcharts,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48154116/

相关文章:

javascript - 一张图片的不同浏览器窗口高度

python - 嵌套的 json 到 csv - 通用方法

javascript - 如何从包含数据和委托(delegate)(TypeScript)的接口(interface)创建对象?

javascript - JSLint : Expected '!!' and instead saw '?'

javascript - Sails.js - 扩展 req 原型(prototype)

javascript - allowBlank : false in extjs fields有什么用

javascript - 如何使用 jquery.cookie 创建 if 语句

javascript - 不要重复自己

ruby-on-rails - 如何将 ActiveModel::Serializer 与 PostgreSQL JSON 列一起使用

c# - 由于线程原因,实例化不起作用