服务器发送回这样的数据:
{"barData":
[
{"Accepted":[0,0,0]},
{"Rejected":[0,0,0]},
{"In_Process":[0,1,0]}]
}
在浏览器中,它显示为:
我可能(并且很可能)不正确的信念是,这是填充 Highcharts 堆叠条形图的正确结构,如下所示:
文档中的示例显示了一个固定数据集,如下所示:
series: [{
name: 'John',
data: [5, 3, 4, 7, 2]
}, {
name: 'Jane',
data: [2, 2, 3, 2, 1]
}, {
name: 'Joe',
data: [3, 4, 4, 2, 5]
}]
这就是我试图模仿的。所以,最后,我得到了一个零图。我的 Javascript 看起来像这样:
$.ajax({
url : 'http://localhost:8080/afta/report/transfersbynetwork',
success : function(point) {
data = [];
$.each(point.barData, function(itemNo, item) {
data.push([ item[0], parseInt(item[1][0]), parseInt(item[1][1]), parseInt(item[1][2])]);
});
barchart = new Highcharts.Chart(baroptions);
baroptions.series[0].data = data;
},
cache : false
});
那么我在哪里解决这个问题?我没有得到任何情节,并且非常确信问题出在我对来自服务器的数据的呈现(可能)中,或者在解析数据结构和加载系列的 javascript 中(很可能)。
任何见解将不胜感激。