Highcharts堆叠垂直柱形图被挤压至中间的问题求助

嗨，我最近用Highcharts做了个堆叠垂直柱形图，结果碰到个头疼的问题——所有数据都挤在图表中间，完全没铺满整个图表宽度，有没有大佬能帮忙分析下原因呀？

我贴一下目前写的代码（还没写完，先放已有的部分）：

let depthChart;      
const buildDepthChart = (bidPrices, askPrices, bidsData, asksData) => {        
    const maxAbsValue = Math.max(            
        ...bidsData.map(item => Math.abs(item.y)),            
        ...asksData.map(item => Math.abs(item.y))        
    );         

    // Combine and sort prices        
    const al

我自己琢磨了几个可能的排查方向，也想听听大家的建议：

• 检查x轴配置：如果是分类轴，得确认categories数组和数据数量匹配，有没有空值或者不对应的情况；如果是数值轴，要看看x值的范围是否合理，有没有设置min/max让轴覆盖需要的范围。
• 调整柱子间距：plotOptions.column里的groupPadding和pointPadding如果设得太大，会让柱子之间的空隙变宽，看起来就挤在中间了，可以试试把这两个值调小，比如设为0或者0.1。
• 确认容器宽度：图表容器的CSS宽度有没有设置到位？如果容器本身宽度不够，或者Highcharts没正确获取容器宽度，也会导致内容收缩。可以给容器设个明确的宽度，或者初始化图表时显式设置chart.width属性。
• 检查数据结构：堆叠柱形图需要每个系列的x值对应上，不然可能出现柱子错位、分布不均的情况，得确认bidsData和asksData里的x值是不是一一对应的。

备注：内容来源于stack exchange，提问作者Arad Eitan