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

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

---

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

请看下面的照片示例

我的图表配置如下：

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,
    mode: "x",
    rangeMax: {
        x: end_date
    },
    rangeMin: {
        x: start_date
    }
}

---

问题是，我如何设置图形区域为固定的？基本上，在缩放后，x轴上没有要显示的标签，图形将占据整个画布区域@阿德里奥桑蒂亚戈