setData()之后用动画重绘的highcharts饼图

时间:2013-06-04 14:57:10

标签: javascript highcharts

我正在使用http://www.highcharts.com/

中的饼图

所以我设置这样的数据:

var cars = [];                            
cars.push({name: "Keine Daten", y: 100});                 

piechart.series[0].setData(cars);
piechart.setTitle({text: 'test '+year+' am '+daytime});

但是,饼图不会显示任何动画。

如何触发动画!?

2 个答案:

答案 0 :(得分:2)

如果您想在设定数据期间播放动画,则必须单独更新每个点。换句话说,您可以使用update()函数或addPoint()

http://api.highcharts.com/highcharts#Point.update() http://api.highcharts.com/highcharts#Series.addPoint()

答案 1 :(得分:0)

试试@Sebastian Bochan的回答

pie.series[0].addPoint({name: "New Point", y: Math.floor(10 + Math.random() * 30)});

http://jsfiddle.net/mJRMM/2/