在“仅限较小的显示器”中限制Chart.js上的标签数量

Question

限制图表.js折线图上的标签数量

在小型设备上显示时，我想“仅”减少折线图的标签数量。从上面的帖子来看，解决方法是这样的；

xAxes: [{
    type: 'time',
    ticks: {
        autoSkip: true,
        maxTicksLimit: 12
    }
}]

这是一个很好的解决方案，但我想在桌面（lg）上显示时保留所有24个标签。我想在手机上仅显示时隐藏一半的标签（xs）。

Answer 1

这是一个解决方案，我们检查窗口大小是否小于600px并返回12，否则刻度限制为24

    xAxes: [{
            type: 'time',
            ticks: {
                autoSkip: true,
                maxTicksLimit: getTickLimit()
            }
    }]
        
    function getTickLimit(){
        return window.innerWidth<600? 12:24
    }