ハイチャートでラベルをクリックするイベントを追加する方法

Question

ハイチャートでは、バーをクリックするイベントがあります。しかしバーは高さが小さく、クリックすることは不可能です。それゆえ、私はさらなる処理のためにイベントをハイチャートで欲しがっています。

など。次の例では、月の名前のイベントが必要です。

ありがとうございます。

Answer 1

あなたはjQueryのを使用しない場合http://jsfiddle.net/t07ok5v3/5/

Answer 2

で

chart.xAxis[0].labelGroup.element.childNodes.forEach(function(label) 
{ 
    label.style.cursor = "pointer"; 
    label.onclick = function(){ 
     alert('You clicked on '+this.textContent); 
    } 
}); 

完全なコードは次のようにあなたはそれを使用することができ、私はエラーを取得する：オブジェクトは、ときに、プロパティやメソッド「のforEach」をサポートしていません。 Internet ExplorerのMalay Sarkarからソリューションを実行します。 ChromeとIEの両方で動作する回避策を次に示します。

for (let i = 0; chart.xAxis[0].labelGroup.element.childNodes.length; i++) 
{ 
    chart.xAxis[0].labelGroup.element.childNodes[i].onclick = function(){ 
     alert('You clicked on '+this.textContent); 
    } 
}); 

Answer 3

ハイチャートv3はCustom Eventsプラグインを使用しているため、代わりの解決方法があります。プラグインは、ハイチャートではサポートされていない、新しいイベントをたくさん追加します。

デモ：https://jsfiddle.net/BlackLabel/Utx8g/963/

イベントHighchartsで公式行事と同じように追加され、我々はすべてのリリースにDOMを再検査する必要はありません。

xAxis: { 
    labels: { 
    events: { 
     click: function() { ... } 
    } 
    } 
}