在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引用中,我看到方法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);