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

时间:2020-09-09 08:04:59

标签: javascript angularjs reactjs typescript highcharts

我需要创建自定义工具提示,因此我使用了“ 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>`
          }
        };
      };

0 个答案:

没有答案