2017-08-16 21 views
0

我有散点图系列的图表。我为图表添加了一个事件监听器,以便在单击工具提示外部时,工具提示将关闭。但它似乎并不奏效。如何在高图中以编程方式关闭工具提示?

我正在使用高图版本4.2.3。

http://jsfiddle.net/buc3pemq/

Highcharts.chart('container', { 

    chart: { events: { 
       click: function(event) { 
        var $this = this; 
        _.each(this.series[0].points, function(p){ $this.tooltip.refresh(p)}); 
       } 
       } 
}, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 
           'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    tooltip: { 
     shared: true 
    }, 

    series: [ 
     { 
     data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5], 
     type: 'scatter' 
    }] 
}); 
+1

您应该能够使用this.tooltip.hide()隐藏您的工具提示:http://jsfiddle.net/buc3pemq/1/ –

+0

非常感谢:) – Ramyani

+1

嗨,我在这个解决方案中看到一个问题。在外部点击之后,工具提示会暂时关闭,但是当我移动鼠标时,先前选择的工具提示会再次显示 – Ramyani

回答

2

正如我在我的评论中提到,你应该能够使用tooltip.hide()为您的图表中隐藏工具提示。

chart: { 
    events: { 
     click: function(event) { 
     var $this = this; 
     this.tooltip.hide(); 
     } 
    } 
    }, 
隐藏工具提示使用上述方法的

活生生的例子: http://jsfiddle.net/buc3pemq/1/

+0

嗨,我在此解决方案中看到一个问题。在外部点击之后,暂时关闭工具提示,但是当我移动之前选择的工具提示再次显示的鼠标时 – Ramyani

+0

因此,您希望获得类似于此示例的内容吗? http://jsfiddle.net/buc3pemq/2/ –

+1

但是这里的问题是在点击外部的工具提示后隐藏了一次,但是当我再次在同一点上悬停时,工具提示没有显示。 – Ramyani

相关问题