如何在高圖中以編程方式關閉工具提示？

我有散點圖系列的圖表。我爲圖表添加了一個事件監聽器，以便在單擊工具提示外部時，工具提示將關閉。但它似乎並不奏效。如何在高圖中以編程方式關閉工具提示？

我正在使用高圖版本4.2.3。

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' 
    }] 
});

來源

2017-08-16 Ramyani

您應該能夠使用this.tooltip.hide（）隱藏您的工具提示：http://jsfiddle.net/buc3pemq/1/ –

非常感謝:) – Ramyani

嗨，我在這個解決方案中看到一個問題。在外部點擊之後，工具提示會暫時關閉，但是當我移動鼠標時，先前選擇的工具提示會再次顯示 – Ramyani

正如我在我的評論中提到，你應該能夠使用tooltip.hide（）爲您的圖表中隱藏工具提示。

chart: { 
    events: { 
     click: function(event) { 
     var $this = this; 
     this.tooltip.hide(); 
     } 
    } 
    },

隱藏工具提示使用上述方法的

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

來源

2017-08-16 13:08:06

嗨，我在此解決方案中看到一個問題。在外部點擊之後，暫時關閉工具提示，但是當我移動之前選擇的工具提示再次顯示的鼠標時 – Ramyani

因此，您希望獲得類似於此示例的內容嗎？ http://jsfiddle.net/buc3pemq/2/ –

但是這裏的問題是在點擊外部的工具提示後隱藏了一次，但是當我再次在同一點上懸停時，工具提示沒有顯示。 – Ramyani

如何在高圖中以編程方式關閉工具提示？

回答

相關問題