这是我尝试过的:

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

最佳答案

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

var barShowen - 是一个具有必要状态的全局变量 - true/false - 是否显示工具提示。

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;
    }
  }

关于javascript - 单击按钮时如何启用或禁用 Highcharts 工具提示?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13564532/

10-14 01:37