Xrange类型Highchart数据点无法统一垂直居中对齐问题求助

Xrange类型图表的纵向位置默认遵循以下排布规则：

• 每个Y轴分类（即数据行）的纵向可用高度由pointPadding、groupPadding两个属性共同决定，默认会预留间隙避免数据重叠
• 同Y值下的多个数据点如果归属不同系列，默认会自动进行纵向分组偏移，避免同位置点互相遮挡，这是出现位置不统一问题的核心原因
• pointPlacement属性为全局生效的偏移参数，单独调整该属性会导致所有系列的点同步偏移，无法实现不同位置的点统一对齐到行中心

不需要单独调整pointPlacement，通过以下配置即可实现统一居中：

1. 全局关闭同Y值的自动分组偏移，在plotOptions中添加以下配置：

plotOptions: {
  xrange: {
    grouping: false, // 核心配置：关闭不同系列的自动纵向分组偏移
    pointPadding: 0,
    groupPadding: 0.1, // 可根据你需要的行内数据高度调整数值
    pointPlacement: 0 // 固定全局偏移为0
  }
}

2. 如果你使用了独立的标记点系列，给对应系列添加强制位置修正配置：

series: [{
  type: 'xrange',
  name: '你的数据系列名称',
  point: {
    events: {
      afterInit: function() {
        // 强制锁定点的纵向位置为当前Y分类的中心
        this.shapeArgs.y = this.series.yAxis.toPixels(this.y) - this.shapeArgs.height / 2
      }
    }
  }
},
// 其余所有数据系列可复用上述point配置项
]

3. 额外检查所有数据的Y值，确保为对应分类的整数索引，避免Y值带小数导致的位置计算偏差。

内容的提问来源于stack exchange，提问作者Vinay Kumar