简体   繁体   English

高图:将JSON循环到系列数据中

[英]Highcharts: Looping JSON into Series Data

I am trying to loop a JSON string into my series data. 我正在尝试将JSON字符串循环到我的系列数据中。 However, I don't seem to be getting the data. 但是,我似乎没有得到数据。 What am I doing wrong? 我究竟做错了什么?

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);
};

Here is the JSFiddle 这是JSFiddle

Do like below code : 喜欢下面的代码:

Create an array and fill it with the data while looping into json array.Finally assign series.data to that array 创建一个数组并填充数据,同时循环到json数组中。最后将series.data分配给该数组

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

Do this for all 3 series data and don't call chart function until all series are filled with data .After last series call following function 对所有3个系列数据执行此操作,直到所有系列都充满数据后才调用图表函数。在最后一个系列之后调用以下函数

 chart = new Highcharts.Chart(options);

If you share your json data,. 如果您共享json数据, I will update your fiddle to make it working. 我将更新您的小提琴以使其正常运行。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM