向折线图添加矩形填充

Question

是否可以添加绘制矩形作为折线图的背景？我正在使用react-chartjs-2，找不到任何以绘制画布为背景的示例...

Answer 1

您可以使用drawTime: 'beforeDatasetsDraw'

将其绘制在折线图之前

Answer 2

设法做到以下代码：

const plugins = [
  {
   beforeDraw: (chartInstance, easing) => {
   const ctx = chartInstance.chart.ctx;
   ctx.fillStyle = "lightgreen";
   ctx.fillRect(30, 200, 955, 50);
  },
 },
];
//...
<Line
    data={data}
    plugins={plugins}
  />