Javascript 如何更改chartjs中图例的颜色，并能够添加更多图例？

我想更改图例的颜色，因为我希望不同的颜色代表不同的情况。但是现在图例只使用我在条形图上设置的第一种颜色

我还想问，它能再创造一个传奇吗？比如粉色代表情景A，蓝色代表情景B

Here is the link:

---

有人能帮忙吗？非常感谢。

要设置更多图例，您需要添加多个数据集。每个数据集将代表一个图例，图例的颜色将根据数据集的背景色自动设置

Chart.plugins.register({
绘制前：函数（c）{
var legends=c.legend.legendItems；
图例.forEach（函数（e）{
e、 fillStyle='#07C'；
});
}
});
var canvas=document.getElementById（'myChart'）；
风险值数据={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”]，
数据集：[{
标签：“我的第一个数据集”，
背景颜色：“rgba（255,99132,0.4）”，
hoverBorderColor:“rgba（255,99132,1）”，
数据：[65,59,20,81,56,55]，
}, {
标签：“我的第二个数据集”，
背景色：“rgba（25,25255,0.4）”，
hoverBorderColor:“rgba（255,99132,1）”，
数据：[65,59,20,81,56,55]，
}]
};
var选项={
比例：{
xAxes：[{
是的
}],
雅克斯：[{
对,，
网格线：{
显示：对，
颜色：“rgba（255,99132,0.2）”
}
}]
}
};
var myBarChart=Chart.Bar（画布{
数据：数据，
选项：选项
});

谢谢您的回答！但它是否只能通过一个函数来更改图例的颜色？谢谢你的时间。是的，这是可能的。您需要创建一个图表插件来实现这一点。查看更新的答案。很酷，非常感谢！你好ᴜɴᴛ . 如果将堆叠条形图与3个数据集一起使用，则图例的背景是透明的。你知道吗？你应该得到一个拥抱！！！