Highcharts计算平均时间后折线图标记点位置偏移问题求助

从你的描述和截图来看，橙色折线的标记点偏离了下方蓝色堆叠柱子的中心位置，这个问题大概率是堆叠柱状图与折线图的轴对齐逻辑不一致导致的——你的第一个系列是堆叠柱状图（默认column类型），而折线图默认的点对齐方式可能和堆叠柱子的布局产生了偏差。

这里给你几个针对性的解决方案：

1. 强制折线点对齐到柱子中心 #

给折线系列添加pointPlacement: 'on'配置，让标记点严格对齐到每个分类的中心位置，和堆叠柱子完全匹配。修改后的代码如下：

var data = [
    { 
        name: 'No. of potholes', 
        data: seriesArray, 
        stack: 'North', 
        color: 'lightblue' 
    }, 
    { 
        type: 'line', 
        name: 'Average', 
        data: seriesAvg, 
        color: 'orange',
        pointPlacement: 'on', // 新增：强制对齐分类中心
        marker: { 
            lineWidth: 2, 
            lineColor: 'orange', 
            fillColor: 'white' 
        } 
    }, 
    // 注意：第三个KPI系列缺少type和data配置，建议补充完整或暂时注释
    // { name: 'KPI', color: 'grey', type: 'line', data: [] }
]

2. 确认数据数组长度匹配 #

检查seriesArray和seriesAvg的长度是否完全一致，每个索引对应的x轴分类必须一一对应，否则会出现数据错位导致的偏移。

3. 检查x轴配置 #

如果你的x轴是分类轴，确保xAxis.type设置为'category'，并且分类数组的顺序和两个系列的data顺序完全匹配。

如果调整后还是有问题，可以补充一下x轴的配置代码，我再帮你进一步排查~

内容的提问来源于stack exchange，提问作者Devi Karthikeyan