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가있는 경우에만 그것은 완벽하게 작동

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

아래처럼 ( A => #DD1C2C B=> #E03E2D 및 C=>#E35B2B)

를 색상이 설정 그러나있어 다음과 같은 경우에

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

A => #DD1C2C 및,210

예상 : A => #DD1C2C 및 C=>#E35B2B

Answer 1

당신이

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

같이 누락 된 빈 문자열과 부품 0을 채우기 위해 시도 했