在setdata之后加载动画的Highcharts

我正在使用Highcharts图，我使用.setData来更新图中的数据。

这一切都运行正常，但我想使用加载动画（线图从左到右绘制自己）每次重置数据时都会触发。 有没有办法调用这个动画？

Answer 1

您可以删除实际系列，并添加新系列。 初始动画与其他动画不同（剪辑路径是动画的，而不是系列本身）。

参见示例： http ： //jsfiddle.net/UTC6e/2/

chart.series[0].remove(); chart.addSeries({data:[229.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]} ); 

Answer 2

在api引用中，我看到方法setVisible（）：“一个实用程序函数，用于显示或隐藏带有可选重绘的系列。” 我想那就是你要找的东西？

更新：添加JS Fiddle，请参阅： http ： //jsfiddle.net/UTC6e/1/

因此，您可以先将setVisible设置为false，然后设置新数据，最后将setVisible设置为true并告诉图表重绘（第二个布尔参数）。

 chart.series[0].setVisible(false); chart.series[0].setData([229.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4] ); chart.series[0].setVisible(true, true); 

Answer 3

你可以手动调用重绘方法：

 chart.redraw();