Highcharts Tooltip空间充足时仍渲染至视口外问题求助

问题现象：当Y轴设置reversed: true且tooltip开启outside: true时，即便数据点上方有足够显示空间，tooltip仍会渲染到数据点下方，部分内容超出视口，导致页面底部附近的数据点被hover时出现滚动条。

复现代码：

Highcharts.chart('container', {
    xAxis: {
        categories: [
            'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
            'Oct', 'Nov', 'Dec'
        ],
    },
    yAxis: {
        reversed: true
    },
    tooltip:{
      outside:true,
      useHTML:true,
      padding:60,
    },
    series: [{
        data: [
            29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1,
            95.6, 54.4
        ]
    }]
});

解决方案：
Highcharts默认定位逻辑在Y轴反转场景下未适配outside: true的配置，需自定义positioner函数修正定位逻辑：

tooltip:{
  outside:true,
  useHTML:true,
  padding:60,
  positioner: function(labelWidth, labelHeight, point) {
    var chart = this.chart,
        plotTop = chart.plotTop,
        plotHeight = chart.plotHeight;
    
    // 优先将tooltip放置在数据点上方
    var y = point.plotY + plotTop - labelHeight;
    
    // 若上方空间不足，再调整到数据点下方
    if (y < plotTop) {
      y = point.plotY + plotTop + point.markerHeight;
    }
    
    return {
      x: point.plotX + chart.plotLeft - labelWidth / 2,
      y: y
    };
  }
}

逻辑说明：

• 优先计算数据点上方的可用空间，将tooltip放在数据点顶部
• 当上方空间不足以容纳tooltip时，自动切换到数据点下方显示
• X轴方向保持tooltip与数据点居中对齐，保证视觉一致性

内容的提问来源于stack exchange，提问作者vignesh nithyanandan