Highcharts - 顯示在鼠標懸停和鼠標的自定義提示點擊

Question

我有這樣的代碼：

events: { 
         mouseOver: function() { 
          this.chart.custom_tooltip.show(); 
         }, 
         click: function(evt) { 
          this.chart.custom_tooltip.bodyFormatter = function (e) {      
           return 'hello'; 
          }; 
          this.chart.custom_tooltip.refresh(evt.point, evt); 
         } 
        } 

看來它不工作的方式任何想法，香港專業教育學院已經搜查了我的問題，但似乎有沒有例子，其中工具提示顯示點擊和mouseOver，我正在使用列圖表btw

Answer 1

您可以在圖表的加載事件功能內添加新的工具提示。在這裏你可以看到代碼，在這種情況下是有用的：

chart: { 
    type: 'column', 
    events: { 
    load: function() { 
     var options = this.options.tooltip; 
     this.myTooltip = new Highcharts.Tooltip(this, options); 
    } 
    } 
}, 

就像你可以閱讀，我想提出新的工具提示使用您的標準工具提示的選項。

然後在你一系列的單擊事件，您可能會刷新你的提示，以正確的觀點：

events: { 
    click: function(evt) { 
    var chart = this.chart; 
    chart.myTooltip.refresh(evt.point, evt); 
    }, 
} 

在這裏你可以看到一個例子，如何它可能工作：http://jsfiddle.net/2swEQ/171/