高视图动画从视口移动后滞后

Question

我正在绘制图表，我看到在图形穿过视口后图形不平滑且图形与滞后不一致。

chart.series[0].addPoint([x,getRandomInt(40, 95)], true, shiftFlag);
chart.series[1].addPoint([x,getRandomInt(40, 95)], true, shiftFlag);
chart.series[2].addPoint([x,getRandomInt(40, 95)], true, shiftFlag);

小提琴 - http://jsfiddle.net/bRp6h/38/

Answer 1

问题是，当您添加时，您为每个点调用redraw一次，这会使用额外的资源。

  

addPoint（options [，redraw] [，shift] [，animation]）

你应该做的是明确地调用，重新绘制图表一次，而不是3次，如下所示：

chart.series[0].addPoint([x,getRandomInt(40, 95)], false, shiftFlag);
chart.series[1].addPoint([x,getRandomInt(40, 95)], false, shiftFlag);
chart.series[2].addPoint([x,getRandomInt(40, 95)], false, shiftFlag);
chart.redraw();

工作示例： chart.redraw()

关于series.addPoint的API： http://jsfiddle.net/ewolden/bRp6h/42/