Chart.js 更改数据集和更新（chartJs framework）的背景颜色后，数据集图例颜色未更新

我在chartJS框架中是个新手，但这对我来说似乎很奇怪。 我有水平条形图和2个基本数据集。问题是，我正在努力 为了制作一个按钮，这将改变dataset的背景颜色（在我的例子中->对于dataset 1，但这并不重要，它只是测试场景）。当我点击我的按钮时，它会改变图形中条形图的背景色，但不会改变我的数据集图例的背景色

示例： 数据集1具有红色背景色。我点击我的按钮，它将改变绿色（或其他一些颜色，这并不重要）图中条形图的背景色。数据集1的图例将保持红色

---

首先，对于下一次，您需要添加代码的短代码片段=>而不是包含2个长文件和复杂数据的Github-这不是自由职业者的任务，而是Q：）将来，您也可以删除此GitHub项目，此Q将是有意义的。

。

更新（） 在图表更新之后，想要更新图表是很常见的 创建。更改图表数据或选项时，chart.js将 设置新数据值和选项的动画。

官方脚本示例（通过单击更改颜色和数据）：

或者她（在

可编写的标题下

）：

myHorizontalBar

是您的图表对象，因此请删除

窗口。

（语法错误-检查控制台错误）

“hello world”示例

/*数据*/
风险值数据={
标签：[“非洲”、“亚洲”、“欧洲”、“美洲”]，
数据集：[{
/*资料*/
标签：“数据标签”，
背景颜色：[“红色”、“8e5ea2”、“3cba9f”、“1d49b8”]，
数据：[5.0,6.7,7.5,8.6,3.3,4.4,4.5]
}]
};
变量选项={
回答：是的，
标题：{
文字：“你好”，
显示：真
},
比例：{
xAxes：[{
错,，
滴答声：{
},
}],
雅克斯：[{
对,，
滴答声：{
}
}]
}
};
var myChart=新图表（document.getElementById（“图表”）{
类型：'bar'，
数据：数据，
选项：选项
});
document.getElementById（'submitChange'）。addEventListener（'click'，function（）{
myChart.data.dataset[0]。背景色[0]=“绿色”；
myChart.update（）；
});
将非洲颜色更改为绿色
我在GitHub上发布的图表只是Chart.js GitHub（）中官方示例的副本。下一次，我将尝试只发布代码片段。
window.myHorizontalBar.update(); /* wrong syntax remove "window." */