如何在使用chartjs的分组条形图中减小数据集的宽度

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

// 创建一个canvas元素作为图表容器
const canvas = document.createElement('canvas');
document.body.appendChild(canvas);

// 定义数据集
const 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)',
    },
  ],
};

// 创建图表
new Chart(canvas, {
  type: 'bar',
  data: data,
  options: {
    scales: {
      x: {
        stacked: true,
      },
      y: {
        stacked: true,
      },
    },
    plugins: {
      legend: {
        position: 'top',
      },
    },
    barPercentage: 0.4, // 调整条形图的宽度
    categoryPercentage: 0.8, // 调整条形图的宽度
    barThickness: 20, // 减少数据集之间的间距
    responsive: true, // 自适应调整图表尺寸
    maintainAspectRatio: false, // 不保持纵横比，允许调整图表尺寸
  },
});