어떻게 막대 차트 차트 정보를 얻었습니까?

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를 참조하십시오.