升级Highcharts至10.3.1后柱状图消失问题求助

问题原因 #

升级到Highcharts 10.3.1后，隐藏的datetime类型x轴未指定明确的min和max值，导致图表布局计算异常，容器宽高塌陷为0。该问题在10.2.1及以下版本未触发，是新版本对轴范围计算逻辑的调整导致。

解决方案 #

以下两种方案均可解决问题，根据实际场景选择：

方案1：为xAxis添加明确的范围值 #

在xAxis配置中补充min和max，匹配你的series数据中x字段的取值范围。例如：

xAxis: {
    type: 'datetime',
    visible: false,
    min: new Date('2024-01-01').getTime(), // 替换为你数据中的最小x值
    max: new Date('2024-01-02').getTime(), // 替换为你数据中的最大x值
},

方案2：将xAxis类型改为category #

如果你的x轴数据是离散的类别（即使是日期格式），将xAxis的type改为category，避免datetime轴的范围计算问题：

xAxis: {
    type: 'category',
    visible: false,
},

验证说明 #

修改后重新渲染图表，容器将正常计算宽高，柱状图即可显示。

内容的提问来源于stack exchange，提问作者Dominik Reinert