web-dev-qa-db-ja.com

特定の行でハイチャートツールチップを無効にし、他の行では有効のままにしますか?

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

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

45
vulture

[〜#〜] update [〜#〜]

use enableMouseTracking:Boolean

通知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

50
Mina Gabriel

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