在ChartJS中添加背景文本

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

// 创建Canvas元素
const canvas = document.getElementById('myChart');

// 创建图表的配置对象
const chartConfig = {
  type: 'bar',
  data: {
    labels: ['A', 'B', 'C'],
    datasets: [{
      label: 'Data',
      data: [10, 20, 30]
    }]
  },
  options: {
    plugins: {
      // 添加自定义插件函数
      customBackgroundText: function(chart) {
        const ctx = chart.ctx;
        const chartArea = chart.chartArea;

        // 绘制背景文本
        ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
        ctx.font = '16px Arial';
        ctx.fillText('Background Text', chartArea.left + 10, chartArea.top + 20);
      }
    }
  }
};

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