Highcharts，當更新圖表系列的數量時沒有動畫

Question

我有一個Highchart餅圖，它將得到不同數量的值。我的問題是，在更新圖表中的系列數量時，它似乎沒有動畫效果。

$scope.chartConfig = { 
    options: { 
     chart: { 
      type: 'pie' 
     } 
    }, 
    series: [{ 
     name: 'Segment', 
     data: [{ 
      name: 'Something', 
      y: Math.floor((Math.random() * 10) + 1) 
     }, { 
      name: 'Something else', 
      y: Math.floor((Math.random() * 10) + 1) 
     }] 
    }], 
    title: { 
     text: 'My pie' 
    }, 

    loading: false 
}; 

和更新時：

var newValues = [{ 
     name: "Status 1", 
     y: Math.floor((Math.random() * 10) + 1) 
    }, { 
     name: "Status 2", 
     y: Math.floor((Math.random() * 10) + 1) 
    }, { 
     name: "Status 3", 
     y: Math.floor((Math.random() * 10) + 1) 
    }, { 
     name: "Status 4", 
     y: Math.floor((Math.random() * 10) + 1) 
    }] 

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

它是在Highcharts（或設計）的錯誤，或者有我錯過了什麼？

見琴： http://jsfiddle.net/kq8L50f8/

Answer 1

您可以使用圖表可供選擇動畫屬性開機/關機。它默認爲true。

options: { 
    chart: { 
    type: 'pie', 
    animation: false 
    } 
} 

小提琴 http://jsfiddle.net/kq8L50f8/3/

Answer 2

問題與highcharts-NG，它跳過動畫重繪相關。所以我建議將你的建議發佈到他們的bug追蹤器中。

https://github.com/pablojim/highcharts-ng