在setdata之后加载动画的Highcharts

Question

我使用的是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 reference中，我看到方法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();