highcharts - 特定の行でhighchartsツールチップを無効にし、他の行では有効のままにしますか？

Question

複数の行を含むHighchartがあります。特定の行でツールチップを無効にし、他の行では有効のままにしておきたい。それは可能ですか？ツールチップをグローバルに無効にする方法はわかりますが、シリーズごとではありません。

たとえば、標準の折れ線グラフの例では、赤と青の線でツールチップを無効にし、他の2つでは有効のままにしておくことができますか？

Answer 1

アップデート

enableMouseTrackingを使用：ブール値

enableMouseTracking: Booleanこの質問がされた後に通知が導入されました

古い答え

Tokyo シリーズの高さポイントを無効にしました

これがあなたのコードです

         tooltip: {
                formatter: function() {
                    
                    if(this.series.name == 'Tokyo' && this.y == 26.5 ){
                      return false ;
                    // to disable the tooltip at a point return false 
                    }else {
                        return '<b>'+ this.series.name +'</b><br/>'+
                        this.x +': '+ this.y +'°C';
                }   
                }
            }

jsfiddle

Answer 2

を使用しenableMouseTrackingます。それを行うための最良の方法です。

セリエごと

series: [{
    name: 'Serie1',
    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
    enableMouseTracking: false
}, {
    name: 'Serie2',
    data: [7.0, 6.9, 9.5, 15.5, 15.2, 15.5, 15.2, 15.5, 11.3, 17.3, 11.9, 9.6]
}]

グローバル

plotOptions: {
    series: {
        enableMouseTracking: false
    }
}

上記のコードは、最初のシリーズのツールチップのみを表示します。

参照：enableMouseTracking

Answer 3

株価チャートの場合、 enableMouseTracking：falseは、ホバー時に線を非アクティブにします。

より良い解決策は次のとおりです。

Highcharts.chart('container', {
  series: [{
    name: 'John',
    type: 'column',
    data: [5, 3, 4, 7, 2],
    tooltip: {
      pointFormatter: function() {
        return false
      }
    }
  }, {
    name: 'Jane',
    type: 'column',
    data: [2, 2, 3, 2, 1],
    tooltip: {
      pointFormatter: function() {
        return 'Second <strong>column</strong> series.'
      }
    }
  }, {
    name: 'Joe',
    type: 'line',
    data: [3, 4, 4, 2, 5],
    tooltip: {
      pointFormatter: function() {
        return false
      }
    }
  }]

});