ChartJS-字体被拉伸

Question

因此，ChartJS正在扩展我图表中的所有字体。我知道在某些情况下这是从加载Web字体开始的，但是即使使用系统字体（例如Helvetica或Verdana）也可以做到这一点。

    const options = {
        responsive: true,
        maintainAspectRatio: false,
        legend: {
            display: false
        },
        scales: {
            ticks: {
                beginAtZero: true,
            },
            yAxes: [{
                gridLines: {
                    color: '#eee',
                },
                ticks: {
                    beginAtZero: true
                }
            }],
            xAxes: [{
                gridLines: {
                    color: '#eee',
                },
                barPercentage: 0.8,
                categoryPercentage: 0.5
            }]
        }
    }

如您所见，我的选项是非常标准的，并且图表本身当前正在使用CSS调整大小。我不得不在定义上使用!important，因为图表为尺寸添加了自己的内联样式。

这似乎不是纵横比/宽度的因素，因为调整图表大小（通过减小浏览器宽度）根本不会影响字体。

这是任何人遇到的吗？