ChartJs：在 x 轴上缩放，当没有标签显示时，图形区域不断变化

问题描述

我有一个线性比例图表，一切正常，但是当在 x 轴上缩放时，没有标签显示，图形区域不断变化。

如何将图形区域设置为固定？基本上，缩放后 x 轴上没有标签显示，图形占据了整个 Canvas 区域。

请看照片示例

Graph Image before zooming

Graph Image After zooming

我的图表配置如下：

scales: {
    yAxes: [
        {
            id: 'yAxis',ticks: {
                autoSkip: true,maxTicksLimit: 10,beginAtZero: true
            }
        }
    ],xAxes: [
        {
            distribution: 'linear',type: "time",time: {
                min: range_min.getTime(),max: range_max.getTime(),unit: "day",unitStepSize: 1,displayFormats: {
                    day: '\nDD/MM/YYYY hh:mm a\n'
                },},id: 'xAxis',ticks: {
                autoSkip: true
            }
        }
    ]
},pan: {
    enabled: false,mode: "x",speed: 1,threshold: 1
},zoom: {
    enabled: true,drag: true,sensitivity: 0.5,rangeMax: {
        x: end_date
    },rangeMin: {
        x: start_date
    }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）