angularjs - 带有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/