javascript - 单击按钮时如何启用或禁用 Highcharts 工具提示？

Question

这是我试过的:

$("#toollip").click(function(){
    if(chart.container.tooltip.enabled ){
        chart.container.tooltip.enabled = false;
    }else{
        chart.container.tooltip.enabled  = true;
    }
});

Answer 1

我浏览了很多论坛，但没有找到显示/隐藏工具提示的非常简单的方法，例如 tooltip.enable = true/false。我想到的好方法是在chart初始化的时候通过Formatter设置tooltip设置。

var barsShowen - 是一个全局变量，具有必要的状态 - 真/假 - 是否显示工具提示。

tooltip: {
  shared: true,
  useHTML: true,
  formatter: function () {
    if (barsShowen) {
      var s = '<span><b>' + this.x + '</b></span><table>';
      $.each(this.points, function () {
        s += '<tr><td align = "left" style = "color:' + this.series.color + ';">' + this.series.name + ': ' + '</td>' +
          '<td><b>' + this.y + '</b></td></tr>';
      });
      return s + '</table>';
    } else {
      return false;
    }
  }