Chartjs响应式水平条形图，修复条形高度和间距

Question

第一次使用Chartjs并尝试设置固定的钢筋高度和钢筋之间的间距。

现在在大屏幕上看起来像这样：

这是在小屏幕上，更像是我想要的一致外观：

我希望图表水平增长而不是垂直增长。图表中的序列数是动态的，因此每次都会更改。

我的图表选项是：

options: {
    responsive: true,
    maintainAspectRatio: true,
    tooltips: {
        enabled: false
    },
    hover :{
        animationDuration:0
    },
    legend: {
        labels: {
            fontColor: 'black',
            fontSize: 10,
        }
    },
    scales: {
        yAxes: [{
            gridLines: {
                display: false,
                drawBorder: false,
            },
            stacked: true,
            barThickness: 20,
            ticks: {
                fontSize: 10,
            },
            scaleLabel: {
                display: false
            },
        }],
        xAxes: [{
            display: false,
            gridLines: {
                display: false,
                drawBorder: false,
                zeroLineWidth: 5,
            },
            stacked: true,
            scaleLabel: {
                display: false
            },
        }],
    },
}

我该如何固定条形之间的间距，例如3px？