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> 

と、すべてのA、BおよびCは、（A => #DD1C2C B=> #E03E2DとC=>#E35B2B）がある場合にのみ、それは完璧に動作します

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

以下のように私は色を設定してい

しかし、次のような場合のために

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

A => #DD1C2CととC=>#E35B2B

Answer 1

はあなたが

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

のような空の文字列と0との足りない部分を埋めるためにしようとしました：予想