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

Question

我正在使用Angular Chart，我有一个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"];