动画柱形图

时间:2013-02-01 16:54:48

标签: javascript highcharts

我正在使用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);

1 个答案:

答案 0 :(得分:1)

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

您要找的是Point.update()。当您运行点更新时,您只更新该值,因此该点可以从旧值动画到新值。

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

See demo