即使在高级图表中隐藏工具提示后,Div元素也不会隐藏

时间:2014-06-16 15:13:47

标签: html highcharts tooltip

我基本上想要隐藏工具提示,点击图表中的任何位置。为此我已经配置了工具提示,如下所示:

 tooltip:{
           hideDelay: 50000 //So that the tooltip stays open for a long time
 }

您可以在以下位置查看示例:

http://jsfiddle.net/e56KT/16/

任何有明智想法的人!

更新的问题:

在隐藏工具提示之前:

Before hiding the tooltip:

隐藏工具提示后:

After hiding the tooltip:

正如您所看到的那样,即使在隐藏工具提示后,div元素也不会隐藏。在系列图表中,如果我们使用增加的宽度和高度自定义工具提示,则鼠标悬停在其他标记上并不起作用,因为此div元素位于这些标记之上。

1 个答案:

答案 0 :(得分:1)

您的代码实际上正在运行。但似乎并非如此,因为hide方法尊重hideDelay。如果您想立即隐藏,请尝试:

hideTooltip = function(){
    chart.tooltip.label.fadeOut();
    chart.tooltip.isHidden = true;
}

这是hide方法在内部执行的操作。

最后,如果您想要隐藏在图表上的任何位置,则我会隐藏chart: events: click事件和plotOptions: events: click事件。

请参阅更新的小提琴here

相关问题