动画柱形图

Animating column chart

本文关键字：柱形图 动画      更新时间：2023-09-26

我正在使用Highcharts创建一个条形图，并试图弄清楚如何对我对图表所做的更改进行动画处理。 我已将动画设置为 true，但它没有显示任何更改，只是将条形图重新绘制到新的高度。

如何让它为更改添加动画效果？ 现在我正在使用series.setData（）设置数据，不确定是否有办法设置特定的栏，也许这就是它不动画的原因？

http://jsfiddle.net/nycynik/FACtf/

var series = this.series[0];
chartData1[Math.floor(Math.random()*10)] = Math.random()*125;
series.setData(chartData1, true);

Series.setData（） 不会动画化，因为所有点都被丢弃并替换为新点。

你要找的是 Point.update（）。运行点更新时，您只更新值，因此该点能够从旧值动画化到新值。

chart.series[0].data[0].update(Math.random());

请参阅演示。

相关文章：