我想显示工具提示数据(例如:x和y值),在不同组件中的工具提示之外,通过查找工具提示鼠标悬停(触发器)事件。因此工具提示数据显示在不同的组件中(当我们将鼠标悬停在图形上时),而不是显示在工具提示本身。我可以知道如果这是可能的吗?我如何利用鼠标悬停事件来做同样的事情。如果可行的话,我会很感激一个简单的演示。谢谢。
zujrkrfu1#
为此,您可以使用mouseOver点的事件:
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函数的工具提示:
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
1条答案
按热度按时间zujrkrfu1#
为此,您可以使用
mouseOver
点的事件:示例:http://jsfiddle.net/BlackLabel/qrdevyzw/
API引用:https://api.highcharts.com/highcharts/plotOptions.series.point.events.mouseOver
或
formatter
函数的工具提示:示例:http://jsfiddle.net/BlackLabel/q7bjug9w/
API引用:https://api.highcharts.com/highcharts/tooltip.formatter