如何在chart js中将未使用的数据背景添加到条形图中

// 引入Chart.js库
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

// 创建canvas元素
<canvas id="myChart"></canvas>

// 定义数据集
var usedData = [10, 20, 30, 40, 50];
var unusedData = [60, 70, 80, 90, 100];

// 创建配置对象
var config = {
  type: 'bar',
  data: {
    labels: ['A', 'B', 'C', 'D', 'E'],
    datasets: [
      {
        label: '已使用',
        data: usedData,
        backgroundColor: 'rgba(75, 192, 192, 0.2)', // 设置已使用数据的背景颜色
        borderColor: 'rgba(75, 192, 192, 1)',
        borderWidth: 1
      },
      {
        label: '未使用',
        data: unusedData,
        backgroundColor: 'rgba(255, 99, 132, 0.2)', // 设置未使用数据的背景颜色
        borderColor: 'rgba(255, 99, 132, 1)',
        borderWidth: 1
      }
    ]
  },
  options: {
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
};

// 创建Chart对象
var myChart = new Chart(document.getElementById('myChart'), config);