Angular 在chart.js中设置每个标签的特定颜色

我正在尝试为使用库制作的图表设置颜色

我需要每个数据标签的特定颜色。但当特定标签的数据为零时，颜色会混淆：（

看起来该库删除了零个数据标签，并且标签颜色不同

例如，当数据为：

• 颜色：

  绿色

  ，

  红色

  ，

  黄色

• 标签：

  通过

  ，

  失败

  ，

  进行中

• 数据：

  0

  ，

  5

  ，

  80

传递的标记数据将被跳过，因为其值为零，因此失败的标记数据将获得第一种颜色：

绿色

，依此类推

如何强制颜色匹配

---

当前代码：

html:

打字稿：

this.graphData=this.data.map（r=>r.cnt）；
this.graphLabels=this.data.map（r=>r.city）；
此.graphOptions={
布局：{填充：20}，
截面积：90，
图例：{显示：错误}
};

谢谢！

var graphData={
标签：[“通过”、“失败”、“进行中”]，
数据集：[{
标签：“数据”，
数据：[0,5,80]，
背景颜色：[
“绿色”，
“红色”，
“黄色”
],
}]
};

或者在图表创建中添加

数据

仅当您执行

新图表（…）

graphData

作为

canvas

的参数非常棒

var chr=新图表（ctx{
数据：graphData，
键入“pie”，
选项：选项，
});