javascript - ボタンがクリックされたときにハイチャートのツールチップを有効または無効にする方法は?

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 のようなツールチップを表示/非表示にする非常に簡単な方法はどこにも見つかりませんでした。私がたどり着いた良い方法は、チャートの初期化でフォーマッターを介してツールチップ設定を設定することです。

var barsShowen - 必要な状態 (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;
    }
  }

Answer 2

Praveen N の回答に基づいて、ツールチップを有効または無効にすることもできますchart.update()

chart.update({
    tooltip: {
        enabled: true
    }
});

Answer 3

これを試してみてください（uがそれを達成する方法のデモです）：

tooltip: {
    enabled: true,
    formatter: function() {
        if (status) {
            return '<b>' + this.x + '</b><br/>' + this.point.series.name + ': ' + this.y;

        } else {
            return '';
        }
    }
}