highchart重新绘制饼图setData（）后重绘动画 [英] highcharts piechart redraw with animation after setData()

问题描述

我正在使用来自 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}）; 
  

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

<如果你想在设定的数据期间进行动画处理，你必须更新每个点的动画。

分别。换句话说，你可以使用update（）函数或addPoint（）。

http://api.highcharts.com/highcharts#Point.update（）
http://api.highcharts.com/highcharts#Series.addPoint（）

I am using a piechart from http://www.highcharts.com/

So i am setting the data like this:

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

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

But the piechart wont show any animation.

How do i trigger the animation!?

解决方案

If you want animation during the set data, you have to update each point separately. In other words, you can use update() function or addPoint()

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

这篇关于highchart重新绘制饼图setData（）后重绘动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！