Javascript 高图表中的工具提示位置问题

我需要创建自定义工具提示，所以我使用了“shared=true”，但我找不到确切的工具提示位置和鼠标指针位置。你能帮助我吗

我已经创建了自定义工具提示功能，我面临的问题是工具提示具有shared:true属性，每当我将鼠标悬停在图表上时，就会显示一个或多个工具提示，这似乎很烦人。我只想在将鼠标悬停在条形/柱系列上时显示工具提示，而不是覆盖整个图表

let createStackTooltip = (val) => {
      return {
        backgroundColor: null,
        borderWidth: 0,
        shadow: false,
        shared: true,
        useHTML: true,
        formatter: function () {
         return `
            <div class="bullet-tooltip">
              <div class="tooltip">
                <span class="ageing-tooltip-title" >Country</span> 
                <div class="ageing-tooltip-header"> <span>{this.series.name}</span>
              </div>
            </div>`
          }
        };
      };

让createStackTooltip=（val）=>{
返回{
背景颜色：空，
边框宽度：0，
影子：错，
分享：是的，
是的，
格式化程序：函数（）{
返回`
国家
{this.series.name}
`
}
};
};

您是否能够在我可以使用的在线编辑器上重现您的案例？如果您试图将工具提示呈现为一个优秀的react组件，则只能通过使用门户来实现，更多信息：