我基本上想要隐藏工具提示,点击图表中的任何位置。为此我已经配置了工具提示,如下所示:
tooltip:{
hideDelay: 50000 //So that the tooltip stays open for a long time
}
您可以在以下位置查看示例:
任何有明智想法的人!
更新的问题:
在隐藏工具提示之前:
隐藏工具提示后:
正如您所看到的那样,即使在隐藏工具提示后,div元素也不会隐藏。在系列图表中,如果我们使用增加的宽度和高度自定义工具提示,则鼠标悬停在其他标记上并不起作用,因为此div元素位于这些标记之上。
答案 0 :(得分:1)
您的代码实际上正在运行。但似乎并非如此,因为hide
方法尊重hideDelay
。如果您想立即隐藏,请尝试:
hideTooltip = function(){
chart.tooltip.label.fadeOut();
chart.tooltip.isHidden = true;
}
这是hide
方法在内部执行的操作。
最后,如果您想要隐藏在图表上的任何位置,则我会隐藏chart: events: click
事件和plotOptions: events: click
事件。
请参阅更新的小提琴here。