javascript - 设置数据后的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);

Answer 3

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

chart.redraw();