高圖：將JSON循環到系列數據中

Question

我正在嘗試將JSON字符串循環到我的系列數據中。 但是，我似乎沒有得到數據。 我究竟做錯了什么？

for (var i = 0; i < jsonStrng.lowUsage.length; i++) {
    options.series[0].data = jsonStrng.healthy[i];
    chart = new Highcharts.Chart(options);
};

for (var j = 0; j < jsonStrng.healthy.length; j++) {
    options.series[1].data = jsonStrng.lowUsage[j];
    chart = new Highcharts.Chart(options);
};

for (var k = 0; k < jsonStrng.terrible.length; k++) {
    options.series[2].data = jsonStrng.terrible[k];
    chart = new Highcharts.Chart(options);
};

for (var ii = 0; ii < jsonStrng.buggy.length; ii++) {
    options.series[3].data = jsonStrng.buggy[ii];
    chart = new Highcharts.Chart(options);
};

這是JSFiddle

Answer 1

喜歡下面的代碼：

創建一個數組並填充數據，同時循環到json數組中。最后將series.data分配給該數組

var healthyData = [];
for (var i = 0; i < jsonStrng.lowUsage.length; i++) {
 healthyData.push(jsonStrng.healthy[i]); 
}
options.series[0].data = healthyData; 

對所有3個系列數據執行此操作，直到所有系列都充滿數據后才調用圖表函數。在最后一個系列之后調用以下函數

 chart = new Highcharts.Chart(options);

如果您共享json數據， 我將更新您的小提琴以使其正常運行。