在JQuery中處理鍵值對以進行圖表制作

Question

我有一個年齡段，該年齡段是通過數據庫從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]

如何將返回的數據與此圖表一起使用？

Answer 1

您需要遍歷對象。

var data = []
$.each( result, function( key, value ) {
  data.push({ value: value, name: key })
});

結果是Ajax響應中結果對象的內容。 新的“數據”變量應根據您的需要進行格式化。

Answer 2

如果您不介意使用下划線之類的其他外部庫，則：

var data = _( _.pairs( json['result'] ) ).map( function(val) {
  return _.object( ['name', 'value'], val );
});