可以使用chartjs-plugin-annotation创建备用背景。
请看下面的代码片段，它是从chartjs-plugin-annotation的贡献者提供的example code中派生出来的。
这段代码可以在Chart.js 2.6.0中使用，但仍然会产生一个脚本错误，可以忽略。不幸的是，我还不能让它在最新版本的Chart.js（目前是2.9.3）中使用，现在我没有时间进一步研究。
第一个

我们可以使用注解插件来实现这一点

import annotationPlugin from "chartjs-plugin-annotation";
import {Chart} from 'chart.js';
Chart.register(annotationPlugin);

这段代码将在图表中添加一个框

{
  type: 'box', #type of draw
  drawTime: 'beforeDraw', #this will decide background or foreground
  yMin: 5, #value min on y axis
  yMax: 10, #value max on y axis
  borderColor: 'rgb(242, 244, 248, 0.9)', #border color of the box
  borderWidth: 1, #boarder width for box
  backgroundColor: '#F2F4F8', #colour of the box
}

在此code

之外
请参考此处的文章了解如何做到这一点：https://medium.com/@omi10859/alternative-background-lines-in-chartjs-a626ce4d3bcb