如何在chart js中添加多X轴自定义线

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

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

// 定义配置对象
const config = {
  type: 'line',
  data: {
    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
    datasets: [{
      label: 'Dataset 1',
      data: [10, 20, 30, 40, 50, 60, 70],
      backgroundColor: 'rgba(0, 123, 255, 0.5)',
      borderColor: 'rgba(0, 123, 255, 1)',
      borderWidth: 1
    }]
  },
  options: {
    scales: {
      xAxes: [{
        gridLines: {
          display: true,
          drawOnChartArea: false
        },
        ticks: {
          callback: function(value) {
            // 自定义刻度线标签
            if (value === 'February' || value === 'May') {
              return 'Custom Line';
            }
            return value;
          }
        }
      }]
    }
  }
};

// 创建图表
new Chart(canvas, config);