我的chartjs图表的条形图没有背景色

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

<canvas id="myChart"></canvas>

// 获取Canvas元素
var ctx = document.getElementById('myChart').getContext('2d');

// 配置条形图的数据和样式
var chartData = {
  labels: ['数据1', '数据2', '数据3'], // 条形图的标签
  datasets: [{
    label: '条形图', // 数据集的标签
    data: [10, 20, 30], // 数据集的值
    backgroundColor: 'rgba(0, 123, 255, 0.5)', // 设置背景色
    borderColor: 'rgba(0, 123, 255, 1)', // 设置边框颜色
    borderWidth: 1 // 设置边框宽度
  }]
};

// 创建条形图
var myChart = new Chart(ctx, {
  type: 'bar', // 指定图表类型为条形图
  data: chartData, // 设置图表的数据和样式
  options: {
    // 可以在这里设置其他配置项，如标题、刻度等
  }
});