chart.js - 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和 C=>#E03E2D预期: A => #DD1C2C和 C=>#E35B2B

Answer 1

您是否尝试用空字符串和 0 等填充缺失的部分

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