title: How to get clicked bar chart tooltip data?
body: <p>I have a bar chart where on a click of any bar, the data is displayed in a tooltip. I need the tooltip data in the <code>onClick</code> function. </p>
  
  <p>Following is my code for the bar chart:</p>
  
  <pre><code>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);
  
          }
  
      }
  });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/fAz3Y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fAz3Y.png" alt="enter image description here"></a></p>
  
  <p>I want the data in my click function like "missed", "medium", 78.</p>