具有angularjs的Highcharts：更新值时条形的平滑过渡

Question

我发现这个例子（JSfiddle）来更新系列。

$scope.chartConfig.series[0].data = rnd;

但是当您点击“更新系列”按钮时，栏会立即改变而不是顺利。 在保留AngularJS的同时，是否可以像这个例子（JSfiddle）那样平滑过渡效果？

chart.series[0].data[0].update(i % 2 ? 200 : 0);

亲切的问候， 詹姆斯。

Answer 1

检查这个api http://api.highcharts.com/highcharts#plotOptions.series.animation

将动画添加到系列对象中，其中持续时间以毫秒为单位

series: [{
        data: [10, 15, 12, 8, 7,10, 15, 12, 8, 7],
        animation: {
            duration: 1000
        }
    }]

http://jsfiddle.net/rSHN4/3/