如何为 Angular 图表中圆环图中的数据项分配特定颜色？

Question

我正在使用 Angular Chart and I have a doughnut chart。我想为我的数据设置特定的颜色。

例如：

$scope.labels = ["Oranges", "Bananas", "Avocados"];
$scope.data = [300, 500, 100];
$scope.colors = [
    "#ff9900", // oranges are orange :)
    "ffff00",  // bananas are yellow 
    "1E824C"]; // avocados are green

现在，我只能更改全局颜色，但这并不能保证橙子会变成橙色，香蕉会变成黄色，而鳄梨会变成绿色。此外，我有不止一张甜甜圈图，其中使用了相同的系列，并且它们必须具有相同的颜色——例如香蕉总是黄色的。

我怎样才能做到这一点？

Answer 1

你试过了吗：

<canvas id="doughnut" class="chart chart-doughnut"
  chart-data="data" chart-labels="labels" chart-colours="colors">
</canvas>

您还缺少 # 颜色代码：

所以这应该是：

$scope.colors = [
    "#1E824C", // oranges are orange :)
    "#1E824C",  // bananas are yellow 
    "#1E824C"];

如何为 Angular 图表中圆环图中的数据项分配特定颜色？

How to assign specific colors to data items in a doughnut chart in Angular Chart?

charts

colors

angularjs

chart.js

angular-chart