0

Angular 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

ここで変更できるのはグローバル カラーのみですが、これはオレンジがオレンジ、バナナが黄色、アボカドが緑色になることを保証するものではありません。さらに、同じシリーズが使用されている複数のドーナツ チャートがあり、それらは同じ色でなければなりません。たとえば、バナナは常に黄色です。

どうすればこれを達成できますか？

4

1 に答える 1

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"];
于 2015-12-11T12:20:23.877 に答える