angular-chart.js基于图表标签值的自定义颜色

Question

我正在使用angular-chart.js集成甜甜圈图表，并且我想使用基于图表标签值的自定义颜色。

//Controller 
    vm.labels = ["A", "B", "C"]; 
    vm.data = [1, 2, 3]; 

//HTML 
    <canvas id="doughnut" class="chart chart-doughnut" 
         chart-data="vm.data" 
         chart-labels="vm.labels"      
         chart-options="options" 
         chart-colors = "colours" 
         chart-legend = "true" > 
    </canvas> 

和我设置的颜色像下面

ChartJsProvider.setOptions({ 
     colours: ['#DD1C2C', '#E03E2D','#E35B2B'], 
     responsive: true 
}); 

它完美的作品只有在所有A，B和C是有（A => #DD1C2C B=> #E03E2D和C=>#E35B2B）

但以下情况

$scope.labels = ["A", "C"]; 
$scope.data = [1, 3]; 

A => #DD1C2C and C=>#E03E2D

预计：A => #DD1C2C和C=>#E35B2B

Answer 1

你尝试，以填补空字符串和缺少部件0喜欢

$scope.labels = ["A", "", "C"]; 
$scope.data = [1, 0, 3];