javascript - 动画柱形图

Question

我正在使用 Highcharts 创建条形图，并试图弄清楚如何为我对图表所做的更改设置动画。我已将 animated 设置为 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);

Answer 1

Series.setData() 没有动画，因为所有点都被丢弃并被新点替换。

您要找的是Point.update() .当您运行点更新时，您只是在更新值，因此点能够从旧值动画到新值。

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

See demo .