Javascript 当范围较大时，无法看到x轴的高图表

我的x轴范围为一年，间隔一小时。我目前正在使用variwide，因此每个栏的宽度将取决于小时数。这里的问题是，如果范围太大，就看不到栅栏。有没有可能使x轴无论范围有多大都能被看到？提前谢谢

以下是24小时范围内的图表图片：

嘲弄

这是图表的图片，范围为1年。我启用了几乎看不见的蓝色十字线：

嘲弄

下面是我的highcharts代码：

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
        }
    }
});

---

您正在使用datetime类型，这可能会导致您的问题

海图。海图‘容器’{ 标题：{ 文本：“日期时间轴上的Highcharts variwide系列” }, xAxis：{ 键入：“日期时间”， 最小值：Date.UTC2018,8,21,0,0， 最大值：Date.UTC2018、8、22、0、0、， 十字准星：对 }, 亚克斯：[{ 键入：“日期时间”， 网格线宽：0， 标题：{ 文字：“圈” }, 标签：{ 格式：“{值：%M:%S}” } }], 系列：[{ 名称：'Lap'， 类型：'variwide'， 数据：[{ x:Date.UTC2018、8、21、7、50、， y:3.45*60000， z:5*60000 }, { x:Date.UTC2018、8、21、21、55、， y:3.25*60000， z:10*60000， 颜色：“rgba0，255，0，0.2” }, { x:Date.UTC2018、8、21、15、5、， y:3.05*60000， z:4*60000 }], 工具提示：{ pointFormat:'步速：{point.y:%M:%S}分钟/kmLap时间：{point.z:%M:%S}分钟' }, 边框颜色：“rgba0，0，255，0.2'， 颜色：“rgba0，0，255，0.2”， 点范围：0 }] }; 容器{ 最大宽度：800px； 最小宽度：380px； 保证金：0自动； } 您需要启用startOnTick和endOnTick选项：

现场演示：

API参考：

---

嗨@Adam Loh，你能用一些在线代码编辑器中的样本数据重现这个问题吗？您可以从以下地址开始：@ppotaczek感谢您提供的信息。我已经编辑了这个问题。嗨，阿尼克。我仍然需要x轴的范围为1年。好的，让我澄清一下。当你想使用一个大范围，比如一年，而你的值在几分钟之间时，我们的图表将因为你的范围而不可见。我已经编辑了这些值，并将其设置为至少1小时的值，但只有大于6的值才能看到可能的最小宽度？Hi@ppotaczek。它仍然不起作用。然而，当我移除startontick和endontick时，我可以看到图表。嗨@Adam Loh，抱歉误解。这是此处报告的Highcharts错误：。它已经在主分支中修复，并将正式包含在下一个版本中。您的回答在一定程度上有所帮助。非常感谢你！

xAxis: {
    ...,
    startOnTick: true,
    endOnTick: true
}