Как я могу что-то сделать, щелкнув диаграмму?

Question

Я хотел бы создать событие onClick, которое, когда я нажимаю на панель, создает журнал консоли, как я могу это сделать?

state = {
    chartData: {
      labels: [],
      datasets: [
        {
          label: 'Covid-19',
          data: [],
          backgroundColor:'red',
          borderColor: 'red',
          hoverBackgroundColor: 'green',
          hoverBorderColor: 'green',
          borderWidth: 4,
          responsive: true,
        }
      ],
    }
  }



<div className="container">
    <Bar  data={this.state.chartData}}/>
  </div>

Answer 1

попробуйте, как показано ниже, фрагмент кода.

onClick = (e) => {
   var data = e.target.data;
   console.log(data);
}

...
state = {
    chartData: {
      labels: [],
      datasets: [
        {
          label: 'Covid-19',
          data: [],
          backgroundColor:'red',
          borderColor: 'red',
          hoverBackgroundColor: 'green',
          hoverBorderColor: 'green',
          borderWidth: 4,
          responsive: true,
        }
      ],
    }
  }



<div className="container">
    <Bar  onClick={(e)=>this.onClick()} data={this.state.chartData}}/>
  </div>