添加动态系列

Question

我正在使用Highcharts插件，我有两个数组，这是我的数组的一个示例：

array1：serie1，serie2，serie3
array2：20、30、40

我想做的是在串联选项中使用此数组，数组1用作意甲名称和数组2作为意甲值，我可以手动执行此操作，但是将来也许Array1将具有更多的值，并且Array2。<<<<<<<<。/p>

$('#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);
          })
      }]
});

我尝试使用用于循环的循环，但我认为不可能使用此内部系列选项。另外，我正在尝试在HighCharts代码外使用用于循环的循环，并使用字符串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);";
})

Answer 1

您可以在没有系列的情况下创建图形，然后在单独的函数中您可以在数组上进行迭代，以正确且动态地添加该系列以下方式：

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

未测试，但这个想法是