我刚好碰到过类似的问题，给你分享下可行的解决办法～

首先得明确：当设置tooltip: { shared: true }时，Highcharts默认会隐藏提示框的箭头——因为共享提示框是为多个数据点设计的，默认样式中没有启用箭头。要保留类似shared: false时的箭头效果，我们可以通过自定义tooltip的样式和位置计算来实现：

1. 配置Tooltip核心参数 #

通过开启HTML模式、自定义格式化函数和位置计算，让tooltip既能共享数据，又能精准定位：

tooltip: {
    shared: true,
    useHTML: true, // 开启HTML模式以支持自定义箭头样式
    formatter: function() {
        // 保留你需要的共享内容格式化逻辑
        let content = `<div class="tooltip-title">${this.x}</div>`;
        this.points.forEach(point => {
            content += `<div style="color:${point.color}">${point.series.name}: ${point.y}</div>`;
        });
        return content;
    },
    style: {
        position: 'relative' // 为箭头伪元素提供定位基准
    },
    // 自定义位置计算，让箭头对准hover的条形区域
    positioner: function(labelWidth, labelHeight, point) {
        const chart = this.chart;
        // 调整坐标，让tooltip箭头指向目标条形（根据你的图表方向微调数值）
        const pos = {
            x: point.plotX + chart.plotLeft - labelWidth / 2,
            y: point.plotY + chart.plotTop - labelHeight - 12
        };
        // 防止tooltip超出图表边界
        pos.x = Math.max(0, Math.min(pos.x, chart.chartWidth - labelWidth));
        pos.y = Math.max(0, Math.min(pos.y, chart.chartHeight - labelHeight));
        return pos;
    }
}

2. 添加CSS箭头样式 #

利用CSS伪元素实现箭头效果，适配共享tooltip的定位：

/* 自定义tooltip容器样式 */
.highcharts-tooltip span {
    padding: 8px 12px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
/* 添加底部箭头（如果是横向条形图，可修改为左侧/右侧箭头） */
.highcharts-tooltip span::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

3. 关键注意点 #

• useHTML: true是实现自定义箭头的前提，它会覆盖Highcharts默认的tooltip渲染逻辑，允许我们用CSS控制样式。
• 如果是横向堆叠条形图（bar chart），需要调整箭头的方向：比如把伪元素的top:100%改成left:100%，并修改border-color为transparent transparent transparent rgba(0,0,0,0.8)，让箭头指向条形的一侧。
• positioner函数里的数值可以根据你的图表尺寸、条形高度微调，确保箭头精准对准目标区域。

这样设置后，就能在shared: true的情况下，同时保留共享提示内容和类似shared: false时的箭头效果啦。

内容的提问来源于stack exchange，提问作者puff.tw