Chart.js 图表行大小

如何在水平条中设置固定的行大小。我试过了

yAxes: [{
  barPercentage: 1.0,
  categoryPercentage: 1.0
}]

但它调整了酒吧的大小，我需要固定的大小。 最理想的是具有固定行大小（条形图、标签）和独立于数据量（滚动条）的图表。我可以用chartJS实现它吗

---

谢谢。

这是更新JS代码。它将固定水平条中的固定行大小

---

调整窗口大小时，行大小仍在更改。请添加“宽度：502px；”到.chartContainer css类。我已经更新了我的答案

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
  type: 'horizontalBar',
  data: {
    labels: [
      ['Label_1_Line_1', 'Label_1_Line_2', 'Label_1_Line_3'],
      ['Label_2_Line_1', 'Label_2_Line_2', 'Label_2_Line_3'],
      ['Label_3_Line_1', 'Label_3_Line_2', 'Label_3_Line_3'],
      ['Label_4_Line_1', 'Label_4_Line_2', 'Label_4_Line_3'],
      ['Label_5_Line_1', 'Label_5_Line_2', 'Label_5_Line_3'],
      ['Label_6_Line_1', 'Label_6_Line_2', 'Label_6_Line_3'],
      ['Label_7_Line_1', 'Label_7_Line_2', 'Label_7_Line_3'],
    ],
    datasets: [{
      label: "My First dataset",
      backgroundColor: 'rgb(255, 99, 132)',
      borderColor: 'rgb(255, 99, 132)',
      data: [0, 10, 5, 2, 20, 30, 70],
    }]
  },
  options: {
    scales: {
        yAxes: [{

        maxBarThickness : 80

      }],

      xAxes: [{
       ticks: {
            mix: 0,
            max: 40,
            stepSize: 5
        }

      }]
    }
  }
});