需要使以下代码动态化

时间:2015-09-16 11:14:25

标签: javascript php jquery json highcharts

我正在使用PHP创建的json生成高清图。一切都很好。但是我无法弄清楚如何在以下代码中使系列动态化? :

$.getJSON("myFile.php", function(json) {
        options.xAxis.categories = json[0]['data'];
        options.series[0] = json[1];
        options.series[1] = json[2];
        chart = new Highcharts.Chart(options);
});

在上面的代码中,只有2个系列。但是我不知道会有多少系列,因为它们会根据用户要求改变。有人可以告诉我如何使这部分动态:

options.series[0] = json[1];
options.series[1] = json[2];

提前致谢:)

2 个答案:

答案 0 :(得分:1)

$.each(json, function( index, value ) {
     options.series[index-1] = value;

});

如果你想要从0到n的系列

,请小心将json启动到1

答案 1 :(得分:0)

试试这个

$.getJSON("myFile.php", function(json) {
  options.xAxis.categories = json[0]['data'];
  for (var i = 0; i < options.series.length; i++) {
    options.series[i] = json[i + 1];
  }
  chart = new Highcharts.Chart(options);
});