Javascript 稀疏数据导致xAxis标签覆盖并超出高库存边界

最近，我遇到了一个问题：我想为股票数据绘制一个月烛光图，序列数据的时间间隔长达一个月，当我移动导航器时，可能是因为数据太稀疏，xAxis数据标签超出了Yaxis垂直线，甚至到达了边界

navigator: {
            adaptToUpdatedData: false,
            xAxis: {
                dateTimeLabelFormats: {
                    second: '%y-%m-%d %H:%M:%S',
                    minute: '%y-%m-%d %H:%M',
                    hour: '%y-%m-%d %H:%M',
                    day: '%Y-%m',
                    week: '%Y-%m',
                    month: '%Y',
                    year: '%Y'
                }
            }
        },

        scrollbar: {
            liveRedraw: false,
            enabled: true
        },

        xAxis: {
            ordinal: true,
            tickPixelInterval: 200,
            type: 'datetime',
            gridLineWidth: 0,
            dateTimeLabelFormats: {
                second: '%y-%m-%d %H:%M:%S',
                minute: '%y-%m-%d %H:%M',
                hour: '%y-%m-%d %H:%M',
                day: '%Y/%m/%d',
                week: '%Y/%m',
                month: '%Y/%m',
                year: '%Y'
            },
            labels: {
                maxStaggerLines: 1,
                align: 'center',
                overflow: 'justify'
            }
        },

这个链接显示超出范围的情况，当我将navigator的范围设置为极短（）时，不仅标签相互重叠，而且图表中的数据无法填充整个图表，整个图表只占据了图表的中间部分，我不知道如何处理这个问题

---

上面的两个链接有相同的代码，除了导航器的初始范围不同之外，请关注函数：

getKchartOption（）

和

drawKchart（）

在代码中，我希望得到您的帮助，如果有人能给我一个jsfiddle链接的解决方案，我将不胜感激。

Wow！通过将xAxis.labels.overflow设置为false，可以解决重叠问题，但xAxis label超出Yaxis边缘的情况仍然存在……第二个是错误，报告如下：-尝试使用我的解决方法。