Highcharts自定义Tooltip背景SVG计算异常问题求助

问题现象 #

在Highcharts中使用含HTML结构的自定义Tooltip时，出现背景SVG计算错误的问题：

• 仅数据数值不同、代码逻辑完全一致的场景下，问题并非必然触发
• 该问题仅在首次触发悬浮时出现

临时解决方案 #

通过禁用Tooltip默认样式，完全自定义CSS样式来规避此问题：

1. 修改Highcharts Tooltip配置 #

tooltip: {
  className: 'custom-tooltip',
  backgroundColor: 'transparent',
  borderWidth: 0,
  shadow: false
}

2. 添加自定义CSS样式 #

.custom-tooltip{
  display: block;
  background-color: white;
  border: 1px solid lightgrey;
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
}

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