更改移动设备上的刻度线大小

Question

由于空间原因，标签在移动/弹幕设备上的旋转。

这是它们在PC屏幕上呈现的方式。

在大屏幕尺寸上效果很好。

但是在移动图例上发生了变化

我将检测设备，屏幕大小或画布大小，以便能够根据设备更改文本大小。

xAxes: [{
    categorySpacing: 0,
    barPercentage: 0.6,
    display: true,
    gridLines: {
        drawBorder: false,
        display: false
    },
    ticks: {
        beginAtZero: true,
        autoSkip: false,
        fontSize: 8,
        callback: (value: any) => {
            return value;
        }
    }
}]