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"];

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

1 个答案: