当范围很大时，无法看到 Highcharts x 轴

Question

我的 x 轴的范围为一年，间隔为一小时。我目前正在使用 variwide，因此每个条的宽度将取决于小时数。这里的问题是，如果范围太大，则无法看到条形。是否有可能做到无论范围有多大都可以看到 x 轴？提前致谢。

下图是 24 小时范围的图表：

https://jsfiddle.net/adamloh/bo9s8u4q/6/（模拟）

这是 1 年范围的图表图片。我启用了几乎看不到的十字准线（蓝色圆圈）：

https://jsfiddle.net/adamloh/5d28uq6f/2/（模拟）

下面是我的高图代码：

Highcharts.chart('rulecontainer', {

    chart: {

        zoomType: 'x'

    },

    tooltip: {

        enabled: false

    },

    title: {

        text: '',

        style: {

            display: 'none'

        }

    },

    xAxis: {

        events: {

            setExtremes: syncExtremes

        },

        type: 'datetime',

        min: data.minDate,

        max: data.maxDate,

        crosshair: true

    },

    yAxis: [{

        min: data.yMin,

        max: 1,

        title: {

            text: 'kw/h'

        }

    }],

    series: [{

        name: data.ruleName,

        type: 'variwide',

        data: [{

            x: data.dateOccured,

            y: data.yValue,

            z: data.duration

        }],

        borderColor: 'rgba(0, 0, 255, 0.2)',

        color: 'rgba(0, 0, 255, 0.2)',

        pointRange: 0

    }],

    plotOptions: {

        series: {

            minPointLength: 10

        },

        area: {

            fillOpacity: 0.1,

            lineWidth: 1,

            states: {

                hover: {

                    lineWidth: 1

                }

            },

            threshold: null

        }

    }

});