如何为React Chart JS中的点创建OnClick事件？

import { Line } from 'react-chartjs-2';

state = {
  clickedPointIndex: null
};

handlePointClick = (event, elements) => {
  if (elements.length > 0) {
    const clickedPointIndex = elements[0]._index;
    this.setState({ clickedPointIndex });
  }
};

render() {
  const { clickedPointIndex } = this.state;

  const chartOptions = {
    onClick: this.handlePointClick,
    // 其他图表配置项...
  };

  return (
    <div>
      <Line data={chartData} options={chartOptions} />
      {clickedPointIndex !== null && (
        <p>你点击了第 {clickedPointIndex} 个点。</p>
      )}
    </div>
  );
}