ChartJS doughnut环形图背景色无法显示问题排查求助

问题原因 #

你出现该问题的核心原因是属性名拼写错误：
Chart.js 官方定义的数据集背景色属性为美式拼写的backgroundColor，你代码中使用了英式拼写的backgroundColour（多了字母u），框架无法识别该属性，因此不会渲染背景色。

修复方案 #

修改simplified.js中数据集的属性名即可：

// 原错误写法
backgroundColour: "rgba(255, 99, 132, 0.6)",

// 修改为正确写法
backgroundColor: "rgba(255, 99, 132, 0.6)",

如果你后续需要配置多个扇区的不同背景色，你注释的数组写法同样需要修改属性名：

backgroundColor: [
  'rgba(54, 162, 235, 0.6)'
],

额外优化建议 #

你提供的file1.html中存在两个多余的闭合</footer>标签，没有对应的起始<footer>标签，建议删除避免HTML语法报错，该问题不影响图表正常渲染。

内容的提问来源于stack exchange，提问作者Prashin Jeevaganth