Javascript 添加动态序列

Javascript 添加动态序列,javascript,jquery,arrays,highcharts,Javascript,Jquery,Arrays,Highcharts,我正在使用Highcharts插件,我有两个数组,下面是我的数组示例: 阵列1:系列1、系列2、系列3 阵列2:20,30,40 我想做的是在系列选项中使用此数组,数组1作为系列名称,数组2作为系列值,我可以手动执行此操作,但将来可能array1将有更多值,array2也将有更多值 $('#Chart').highcharts({ title: { text: 'Example' }, xAxis: { labels:

我正在使用Highcharts插件,我有两个数组,下面是我的数组示例:

阵列1:系列1、系列2、系列3
阵列2:20,30,40

我想做的是在系列选项中使用此数组,数组1作为系列名称,数组2作为系列值,我可以手动执行此操作,但将来可能array1将有更多值,array2也将有更多值

$('#Chart').highcharts({
     title: {
        text: 'Example'
     },
     xAxis: {
        labels:
        {
          enabled: false
        }
     },
     yAxis: {
         allowDecimals: true,
         min: 0,
         title: {
              text: 'Results'
         }
      },
      credits: {
         enabled: false
      },
      legend: {
         reversed: true
      },
      series: [{
          name: array1[x],
          data: array2[x].map(function (value) {
             return Number(value);
          })
      }]
});
我尝试使用for循环,但我认为使用这个内部系列选项是不可能的。此外,我尝试在highcharts代码之外使用for循环,并使用字符串var连接上述代码,但对此我不太确定,以下是我的代码:

var constructor = "";
for (var i = 0; i < array1.length; i++) {
      constructor += "name: '"+ array1[i] + "',";
      constructor += "data: " + array2[i] + ".map(function (value) {"
      constructor += "return Number(value);";
})
var构造函数=”“;
对于(变量i=0;i
您可以创建不带序列的图形,然后在一个单独的函数中,您可以对数组进行迭代,以正确获取数据,并通过以下方式动态添加序列:

for (var i = 0; i < array1.length; i++) {
    chart.addSeries({
        name: array1[i],
        data: [array2[i]]
    }, false);
}
chart.redraw();
for(变量i=0;i

未测试,但想法是

当修改array1和array2时,进行图表刷新,应反映更改。在创建图表之前创建系列。示例:。