需要通过拖动鼠标在react google散点图中选择点的范围

import React, { useState } from 'react';
import { Chart } from 'react-google-charts';

const ScatterChart = () => {
  const [selectedPoints, setSelectedPoints] = useState([]);

  const handleChartSelect = (chart) => {
    const { chartWrapper } = chart;
    const selection = chartWrapper.getChart().getSelection();

    if (selection.length > 0) {
      const points = selection.map((point) => ({
        x: chartWrapper.getDataTable().getValue(point.row, 0),
        y: chartWrapper.getDataTable().getValue(point.row, 1),
      }));

      setSelectedPoints(points);
    } else {
      setSelectedPoints([]);
    }
  };

  return (
    <Chart
      width={'100%'}
      height={'400px'}
      chartType="ScatterChart"
      loader={<div>Loading Chart</div>}
      data={[
        ['X', 'Y'],
        [1, 1],
        [2, 3],
        [4, 5],
        [6, 7],
        [8, 9],
      ]}
      options={{
        title: 'Scatter Chart',
        hAxis: { title: 'X', minValue: 0, maxValue: 10 },
        vAxis: { title: 'Y', minValue: 0, maxValue: 10 },
        legend: 'none',
      }}
      chartEvents={[
        {
          eventName: 'select',
          callback: handleChartSelect,
        },
      ]}
    />
  );
};

const App = () => {
  return (
    <div>
      <h1>React Google Scatter Chart</h1>
      <ScatterChart />
    </div>
  );
};