JSON 中所需的帮助答案

【问题标题】：Required help in JSONJSON 中所需的帮助
【发布时间】：2014-07-26 08:04:01
【问题描述】：

我有这个下面的 json 数据。

[{"start_date":"2014-06-27","count":"21","value":"134"},{"start_date":"2014-06-28","count":"17 ","value":"120"},{"start_date":"2014-06-29","count":"21","value":"138"},{"start_date":"2014-06 -30","count":"9","value":"121"},{"start_date":"2014-07-01","count":"12","value":"112"} ,{"start_date":"2014-07-02","count":"19","value":"132"}]

我尝试使用 highcharts 绘制折线图。

我想把我的数据转换成这样的东西。

[{ 名称：“计数”，数据：[21, 17 ....] },{ 名称：“价值”，数据：[134、120、........] }]

如何使用 jquery 格式化我的数据？

我使用 AJAX 从数据库中获取数据。

任何帮助都会非常有帮助。

提前致谢。

【问题讨论】：

a) 像期望的那样初始化一个空结构，但没有数据。 b) 循环遍历源数据，并一一填充目标对象。

标签： javascript jquery json highcharts

【解决方案1】：

使用

var res= YOUR JSON DATA
var data=$.parseJSON(res);
var count= new Array();
var val=new Array();
$(data).each(function(i,u){
    count.push(u.count);
    val.push(u.value);
});

now you can use 

[{
   name: "count",
   data: count
},{
  name: "value",
  data: val
}]

【讨论】：

【解决方案2】：

var array = [{"start_date":"2014-06-27","count":"21","value":"134"},{"start_date":"2014-06-28","count":"17","value":"120"},{"start_date":"2014-06-29","count":"21","value":"138"},{"start_date":"2014-06-30","count":"9","value":"121"},{"start_date":"2014-07-01","count":"12","value":"112"},{"start_date":"2014-07-02","count":"19","value":"132"}]

var chartOptions = [];
var countData = {name: "count", data: []};
var valueData = {name: "value", data: []};

array.forEach(function(value, index){
  countData.data.push(value.count);
  valueData.data.push(value.value);
});

chartOptions.push(countData);
chartOptions.push(valueData);

【讨论】：

【解决方案3】：

我将构建 highcharts 服务器端所需的 JSON 结构，然后在 AJAX 调用中返回它。只需将其直接添加到 highcharts。

这将比让用户浏览器进行格式化更有效。

【讨论】：