在 extjs4 中是否有更好的方法来创建具有以下数据结构的条形图？

Question

所以我有从我的服务器返回的以下数据结构。

{date:'2/1', name: 'product 1', count: 10}
{date:'2/1', name: 'product 2', count: 5}
{date:'2/1', name: 'product 3', count: 15}
{date:'2/2', name: 'product 1', count: 11}
{date:'2/2', name: 'product 2', count: 6}

我必须运行一堆循环和字符串操作才能为堆积条形图创建以下数据结构。

{date:'2/1', product_1: 10, product_2: 5, product_3: 15 }
{date:'2/2', product_1: 11, product_2: 6, product_3: 0}

有没有更优雅的方法来解决这个问题。我对服务器端的事情没有太多控制权。

Answer 1

我认为从一种转换为另一种的代码会相当简单。

var dates = {};
var dataOut = [];
Ext.Array.each(dataIn, function(item) {
  var dateObj = dates[item.date];
  if (!date) {
    dates[item.date] = dateObj = {dateObj: item.date};
    dataOut.push(dateObj);
  }
  dateObj[item.name] = item.count;
});

我不认为 Ext 中有任何用于此特定转换的辅助类，并且我不认为图表系统可以接受不同的数据格式。您可以编写自己的 Model 来引用原始数据，但我认为这比上面的代码需要更多工作。