highcharts 在工具提示外显示工具提示数据

7ivaypg9  于 2023-04-21  发布在  Highcharts
关注(0)|答案(1)|浏览(238)

我想显示工具提示数据(例如:x和y值),在不同组件中的工具提示之外,通过查找工具提示鼠标悬停(触发器)事件。
因此工具提示数据显示在不同的组件中(当我们将鼠标悬停在图形上时),而不是显示在工具提示本身。
我可以知道如果这是可能的吗?我如何利用鼠标悬停事件来做同样的事情。如果可行的话,我会很感激一个简单的演示。谢谢。

zujrkrfu

zujrkrfu1#

为此,您可以使用mouseOver点的事件:

plotOptions: {
    series: {
      point: {
        events: {
          mouseOver: function() {
            const value = `x: ${this.x}, y: ${this.y}`;
            document.getElementById('customTooltip').innerText = value;
          }
        }
      }
    }
  }

示例:http://jsfiddle.net/BlackLabel/qrdevyzw/
API引用:https://api.highcharts.com/highcharts/plotOptions.series.point.events.mouseOver

formatter函数的工具提示:

tooltip: {
    formatter: function() {
      const value = `x: ${this.x}, y: ${this.y}`;
      document.getElementById('customTooltip').innerText = value;

      return false;
    }
  }

示例:http://jsfiddle.net/BlackLabel/q7bjug9w/
API引用:https://api.highcharts.com/highcharts/tooltip.formatter

相关问题