如何突出显示chartjs折线图上的特定区域

// 引入chartjs库
import Chart from 'chart.js';

// 创建canvas元素
const canvas = document.createElement('canvas');
document.body.appendChild(canvas);

// 创建折线图配置对象
const chartConfig = {
  type: 'line',
  data: {
    // 数据配置
    // ...
  },
  options: {
    // 其他配置
    // ...
    plugins: {
      beforeDraw: function(chart) {
        const ctx = chart.ctx;
        const xAxis = chart.scales['x-axis-0'];
        const yAxis = chart.scales['y-axis-0'];
        
        // 绘制特定区域的背景
        ctx.fillStyle = 'rgba(255, 0, 0, 0.2)';
        ctx.fillRect(xAxis.left, yAxis.bottom, xAxis.width, yAxis.top - yAxis.bottom);
      }
    }
  }
};

// 创建折线图实例
new Chart(canvas, chartConfig);