如何更改Angular-Chart.js的颜色

134

Lucien Dubois：

我使用Angular-Chart.js（AngularJS Chart.js版本）创建条形图。图表使用颜色以外的选项。

<div class="graph-display" ng-controller="chartController">
    <canvas class="chart chart-bar"
    data="bilans.data"
    labels="bilans.labels"
    series="bilans.series"
    options="{
        scaleShowHorizontalLines: true,
        scaleShowVerticalLines: false,
        tooltipTemplate: '<%= value %> $',
        responsive: true
    }"
    colours="{
    fillColor: 'rgba(47, 132, 71, 0.8)',
    strokeColor: 'rgba(47, 132, 71, 0.8)',
    highlightFill: 'rgba(47, 132, 71, 0.8)',
    highlightStroke: 'rgba(47, 132, 71, 0.8)'
    }"
    ></canvas>
</div>

实际上，这些选项有效，但颜色无效。难道我做错了什么？

Pankaj Parkar：

您应该将colours对象声明为数组

"colours": [{
    fillColor: 'rgba(47, 132, 71, 0.8)',
    strokeColor: 'rgba(47, 132, 71, 0.8)',
    highlightFill: 'rgba(47, 132, 71, 0.8)',
    highlightStroke: 'rgba(47, 132, 71, 0.8)'
}];

工作朋克

有关更多信息，请参阅此帖子 / 这篇。

对于较新的版本，请参见eli0tt的答案，因为参数名称已更改。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。