![](/img/trans.png)
[英]Key-Value Pair Json transformation and conversion into a class in Javascript / Jquery
[英]Handling key-value pair in JQuery for charting
我有一个年龄段,该年龄段是通过数据库从PHP中生成的。 输出经过JSON编码,并返回到我的jQuery函数。
返回的数据如下所示:
{"result":{"20 - 29":"22","30 - 39":"78","40 - 49":"74","50 - 59":"71","60 - 69":"67","70 & Older":"0","Not Filled In (NULL)":"0"},"errors":false}
我正在使用AJAX / jQuery获取此数据:
if(!response.errors && response.result) {
}
关键是年龄范围,例如20-19岁:22人等。
无论如何,我正在尝试使用数据创建一个饼图,我正在使用echarts( https://ecomfe.github.io/echarts/index-en.html )
带有样本数据的数据格式如下所示:
data: [{ value: 12, name: 'Moto Z' },{ value: 618, name: 'Galaxy S7 Edge' }]
我希望我的数据显示如下:
data: [{ value: 22, name: '20-29' },{ value: 78, name: '30-39' }... etc]
如何将返回的数据与此图表一起使用?
您需要遍历对象。
var data = []
$.each( result, function( key, value ) {
data.push({ value: value, name: key })
});
结果是Ajax响应中结果对象的内容。 新的“数据”变量应根据您的需要进行格式化。
如果您不介意使用下划线之类的其他外部库,则:
var data = _( _.pairs( json['result'] ) ).map( function(val) {
return _.object( ['name', 'value'], val );
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.