Как назначить определенные цвета для элементов данных в кольцевой диаграмме в угловой диаграмме?

Question

Я использую угловую диаграмму и у меня есть кольцевая диаграмма. Я хочу иметь определенные цвета для моих данных.

Например:

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