Javascript 替换系列数据集会导致某些系列沿x轴移动

Javascript 替换系列数据集会导致某些系列沿x轴移动,javascript,highcharts,highcharts-ng,Javascript,Highcharts,Highcharts Ng,我有一个由8个系列组成的折线图,这些系列的数据根据页面上的选择而变化,但它始终具有相同数量的数据点(12) 我遇到了一个非常奇怪的问题,更新序列数组中的数据集会导致8行中的2行沿x轴移动,这取决于我更改数据的次数 最初,图表显示正确,所有行从4月开始 然后,一旦更改我的选择,就会有两条线沿x轴向右移动 第二次变化 然后返回到初始选择 我试着解释一下这个错误 我无法在JSFIDLE中重现这些问题,但图表的基本代码是。 要更新数据,我将对图形的引用传递给我的函数: function update

我有一个由8个系列组成的折线图,这些系列的数据根据页面上的选择而变化,但它始终具有相同数量的数据点(12)

我遇到了一个非常奇怪的问题,更新序列数组中的数据集会导致8行中的2行沿x轴移动,这取决于我更改数据的次数

  • 最初,图表显示正确,所有行从4月开始
  • 然后,一旦更改我的选择,就会有两条线沿x轴向右移动
  • 第二次变化
  • 然后返回到初始选择
我试着解释一下这个错误

我无法在JSFIDLE中重现这些问题,但图表的基本代码是。 要更新数据,我将对图形的引用传递给我的函数:

function updateGraph(graph, data, driverData) {
  graph.title.text = data.description;

  graph.series[0].data = _.get(data, 'actual');
  graph.series[1].data = _.get(data, 'budget');
  graph.series[2].data = _.get(data, 'forecast');
  graph.series[3].data = _.get(data, 'forecast2');
  graph.series[4].data = _.get(data, 'py');

  graph.series[5].data = _.get(driverData, 'actual');
  graph.series[6].data = _.get(driverData, 'budget');
  graph.series[7].data = _.get(driverData, 'py');
}
为什么我看到一些直线沿x轴移动?我已经检查过数组是否仍然包含12个元素

谢谢。

这是一个运行演示-,但是按钮点击不起作用-你能修复吗?无论如何,Highcharts正在改变用于系列的数据,因此您应该使用数组的副本并将原始数据存储到其他地方-可能这就是问题所在?这里有一个工作演示-,但按钮单击不起作用-您能修复吗?无论如何,Highcharts正在改变用于序列的数据,所以您应该使用数组的副本并将原始数据存储在其他地方-也许这就是问题所在?