如何将两个数组相乘并动态绘制成HighCharts？

Question

JavaScript新手。 我正在尝试使用一个已经绘制的序列乘以另一个已经绘制的序列在Highcharts中创建一个新序列。 如何添加具有自己的y轴的新系列？ 我正在使用一些自己未完成的基本代码。

ChartOptions.Series[index].data保存一个数组数组：因此，例如：[1563480488000，12.144]将是该系列中每个数据点的时间戳和数据值。

所以我想要这样的事情： [1563480488000, 12.144] * [1563480488000, 1.0] = [1563480488000, 12.144]

那是12.144 * 1.0，并保留时间戳。

dynamicChart是一个new Highcharts.StockChart(chartOptions)它与我正在使用的代码段不一样。 我已经尝试了以下代码。

 var voltSeries = chartOptions.series[0].data;
 var ampSeries = chartOptions.series[1].data;
 var wattSeries = [];
 for(var i = 0; i <= voltSeries.length; i++){
    var valu = chartOptions.series[1].data[i,1]*chartOptions.series[0].data[i,1];
    wattSeries[i,1] = valu;
    wattSeries[i,0] = valu;

}
  eval('window.console && console.log(voltSeries)');
  eval('window.console && console.log(wattSeries)');
   dynamicChart.addSeries({
       name: 'Watts',
       data: wattSeries 
    });
dynamicChart.redraw();    

wattSeries的输出是（2）[NaN，NaN]的数组，但是它应该是时间戳和乘数值。 而且无论我做什么，似乎我都无法绘制图形。

Answer 1

问题是从数组中错误地获取值。 对于嵌套数组，应使用多个括号： array[x][x]

var dynamicChart = Highcharts.chart('container', chartOptions);

var voltSeries = chartOptions.series[0].data,
    ampSeries = chartOptions.series[1].data,
    wattSeries = [],
    valu;

for (var i = 0; i < voltSeries.length; i++) {
    valu = voltSeries[i][1] * ampSeries[i][1];

    wattSeries.push([ampSeries[i][0], valu]);
}

dynamicChart.addSeries({
    name: 'Watts',
    data: wattSeries,
    yAxis: 1
});

---

现场演示： http ： //jsfiddle.net/BlackLabel/vpzLou6r/

API参考： https ： //api.highcharts.com/class-reference/Highcharts.Chart#addSeries