hightchartsでイベントを無効にするjs

Question

高チャートのスタック領域チャートで凡例のイベントを無効にする必要があります。ここに私のコードは次のとおりです。

chart: { 
     type: 'area', 
    }, 
    point: { 
     events: { 
     legendItemClick: function() { 
      return false; // <== returning false will cancel the default action 
     }, 
     }, 
    }, 
    title: { 
     text: title, 
    }, 
    xAxis: { 
     type: 'datetime', 
     min: startDateInMS, 
     max: endDateInMS, 
    }, 
    yAxis: { 
     title: { 
     text: yLabel, 
     }, 
    }, 
    series: data, 
    plotOptions: { 
     series: { 
     stacking: 'normal', 
     }, 
    }, 
    credits: { 
     enabled: false, 
    }, 
    }; 

それはマニュアルに従ってOKようだが、あなたはまだ、私はしたくないチャートから項目を削除するには、凡例をクリックすることができます。どんな助けも素敵でしょう!!

Answer 1

あなたの問題は、そのクリックイベントをポイントに割り当てていますが、その外観から見ると、あなたのチャートはareaであり、クリックイベントは間違ったプロパティに適用されています。

chart: { 
     type: 'area', 
    }, 
    plotOptions: { 
     area: { 
     events: { 
      legendItemClick: function() { 
      return false; // <== returning false will cancel the default action 
      } 
     } 
     } 
    }, 
    title: { 
     text: title, 
    }, 
    xAxis: { 
     type: 'datetime', 
     min: startDateInMS, 
     max: endDateInMS, 
    }, 
    yAxis: { 
     title: { 
     text: yLabel, 
     }, 
    }, 
    series: data, 
    plotOptions: { 
     series: { 
     stacking: 'normal', 
     }, 
    }, 
    credits: { 
     enabled: false, 
    }, 
}; 

Answer 2

はそれを得た...私は別のものを持っていた： - あなたはその間lines下に置いている

は、それは次のように入れ子にする必要があります代わりにplotOptions -> area -> events -> legendItemClick

、あなたのイベントは次のようにネストされていることを確認してくださいプロットオプションを使用すると、このコードを書き直していたダウンタイムコードがさらに発生します。

chart: { 
     type: 'area', 
    }, 
    plotOptions: { 
     series: { 
     stacking: 'normal', 
     }, 
     area: { 
     events: { 
      legendItemClick: function() { 
      return false; // <== returning false will cancel the default action 
      }, 
     }, 
     }, 
    }, 
    title: { 
     text: title, 
    }, 
    xAxis: { 
     type: 'datetime', 
     min: startDateInMS, 
     max: endDateInMS, 
    }, 
    yAxis: { 
     title: { 
     text: yLabel, 
     }, 
    }, 
    series: data, 
    credits: { 
     enabled: false, 
    }, 
    }; 

ありがとうございます！