如何使用chart.js显示分组条形图？

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

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

var ctx = document.getElementById('myChart').getContext('2d');

var data = {
  labels: ['组1', '组2', '组3'],
  datasets: [
    {
      label: '数据集1',
      data: [10, 20, 30],
      backgroundColor: 'rgba(255, 99, 132, 0.5)' // 设置条形的背景颜色
    },
    {
      label: '数据集2',
      data: [15, 25, 35],
      backgroundColor: 'rgba(54, 162, 235, 0.5)'
    }
  ]
};

var myChart = new Chart(ctx, {
  type: 'bar',
  data: data,
  options: {
    scales: {
      y: {
        beginAtZero: true // 设置y轴从0开始
      }
    }
  }
});