どのように棒グラフのツールチップのデータをクリックするのですか？

Question

私はバーをクリックすると、データがツールチップに表示されます。私はonClick機能でツールチップのデータが必要です。続き

は、棒グラフのための私のコードです：

var tool = new Chart(canvas, { 
    type: 'bar', 
    data: data, 
    options: { 
     legend: { 
      display: true, 
      labels: { 
       fontColor: 'rgb(255, 99, 132)' 
      }, 
      position : 'bottom' 
     }, 
     title: { 
      display: true, 
      text: title 
     }, 
     scales: { 
      xAxes: [{stacked: true,barPercentage: 5.0, 
       categoryPercentage: 0.2}], 
       yAxes: [{ 
        stacked: true, 
        ticks: { 
         beginAtZero: true 
        }, 
        barPercentage: 0.3 
       }] 
     }, 
     events: [ "click"], 
     onClick: function(event, array){ 

      console.log("tool.data:",tool.tooltip); 

     } 

    } 
}); 

私はあなたができる "見逃し" のような私のクリック機能でデータを、 "中"、78

Answer 1

をしたいですonClickの機能を使用して、ツールチップのデータを取得します。

も、あなたはそれが正しく動作して取得するnearestにチャートのhoverモードを設定する必要があります：

hover: { 
    mode: 'nearest' 
} 

working exampleを参照してください。