如何在Highcharts React中将光标替换为十字准线？

import React, { Component } from 'react';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';

class Chart extends Component {
  constructor(props) {
    super(props);
    this.state = {
      cursorPosition: null,
    };
  }

  handlePointMouseOver = (event) => {
    const { chartX, chartY } = event;
    this.setState({ cursorPosition: { x: chartX, y: chartY } });
  };

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

    const options = {
      chart: {
        type: 'line',
      },
      plotOptions: {
        series: {
          point: {
            events: {
              mouseOver: this.handlePointMouseOver,
            },
          },
        },
      },
      tooltip: {
        crosshairs: true,
      },
      xAxis: {
        categories: ['A', 'B', 'C', 'D', 'E'],
      },
      yAxis: {
        title: {
          text: 'Value',
        },
      },
      series: [
        {
          name: 'Data',
          data: [1, 2, 3, 4, 5],
        },
      ],
    };

    return (
      <div>
        <HighchartsReact highcharts={Highcharts} options={options} />
        {cursorPosition && (
          <div>
            Cursor position: X: {cursorPosition.x}, Y: {cursorPosition.y}
          </div>
        )}
      </div>
    );
  }
}

export default Chart;