javascript - 将 json 数组格式化为图表输入

标签 javascript jquery arrays json charts

您好,我正在获取 json 数组作为 ajax 请求的响应:

{"chart":{"2016-03-08":"1","2016-03-07":"4","2016-03-06":0,"2016-03-05"
:0,"2016-03-04":0,"2016-03-03":"145","2016-03-02":0}}

现在我想通过将这些值提供给图表输入来准备一个图表,如下所示:(我希望从上面的数组中得到这样的输出)

                              data: [{
                                    y: '2016-03-07',
                                    a: 100
                                    }, {
                                        y: '2016-03-08',
                                        a: 75
                                    }, {
                                        y: '2016-03-06',
                                        a: 50
                                    }, {
                                        y: '2016-03-05',
                                        a: 75
                                    }, {
                                        y: '2016-03-09',
                                        a: 50
                                    }, {
                                        y: '2016-03-03',
                                        a: 75
                                    }, {
                                        y: '2016-03-02',
                                        a: 180
                                    }
                                ],

我试过了:

var chart_params = {};
for (var key in data_chart) {
     let value = data_chart[key];
     chart_params = '{ y:'+ key+ ', a: '+value+' }';
}
console.log(chart_params);

但它没有给出预期的输出

最佳答案

试试这个

data = {"chart":{"2016-03-08":"1","2016-03-07":"4","2016-03-06":0,"2016-03-05" :0,"2016-03-04":0,"2016-03-03":"145","2016-03-02":0}}

var chart_params = [];
data_chart = data.chart;
 for (var key in data_chart) {
      var value = data_chart[key];
      chart_params.push({ y: key, a:value});
}
 console.log(chart_params);

jsfiddle:https://jsfiddle.net/hb8qd1p8/1/

关于javascript - 将 json 数组格式化为图表输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35865412/

相关文章:

javascript - AngularJS - 如何使用表单添加到对象

javascript - HTML:如何在谷歌搜索中获取子链接和搜索框显示

jquery - 如何通过数据属性将条件传递给 JS 进行验证

jquery - scrollWidth 是否随 div 宽度变化?

c - Malloc 和数组

javascript 检查子元素

javascript - console.log 没有参数?这是如何运作的?

javascript - 对所有事件使用 jQuery .on()

c++ - 带线程的 C/C++ 数组——我需要使用互斥锁还是锁?

javascript - 在二维数组中前后移动