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/