バブルチャートでonClickイベントをキャッチするにはどうすればよいですか？

Question

バブルチャートのバブルでonlickイベントをキャッチしようとしています。私はクリックされたバブルのラベルをコンソールに記録したい。私は実際にこのような仕事をする関数を書いた

$("#myChart").click(function(evt) { 
    var activePoints = myBubbleChart.getElementAtEvent(evt); 
    console.log(activePoints.label); 
}); 

この関数はバブルをクリックするたびにコンソールに "undefined"を記録します。私もgetBarsAtEventとgetSegmentsAtEventのどれも試したことがありません。私のコードで何が間違っていますか？そして、誰かが私がクリックしたバブルのラベル値をどのように得ることができるか教えてください。

Answer 1

Chart.jsオプションには、onClickプロパティ（documentationを参照）が組み込まれています。

それはこのように動作します：

options: { 
    onClick: function(e) { 
     var element = this.getElementAtEvent(e); 

     // If you click on at least 1 element ... 
     if (element.length > 0) { 
      // Logs it 
      console.log(element[0]); 

      // Here we get the data linked to the clicked bubble ... 
      var datasetLabel = this.config.data.datasets[element[0]._datasetIndex].label; 
      // data gives you `x`, `y` and `r` values 
      var data = this.config.data.datasets[element[0]._datasetIndex].data[element[0]._index]; 
     } 
    } 
} 

チェックthis jsFiddle完全な例について。