React Highcharts:如何在图表之外显示特定div的工具提示值

import ReactHighcharts from 'react-highcharts';
import Highcharts from 'highcharts';
import HighchartsMore from 'highcharts/highcharts-more';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsReact from 'highcharts-react-official';

// 导入其他必要的模块

render() {
  const config = {
    // 图表的配置项
    chart: {
      // 图表类型等配置
    },
    // 其他配置项

    // tooltip配置项
    tooltip: {
      // 设置tooltip的显示方式为HTML
      useHTML: true,
      // 设置tooltip的位置为绝对定位
      positioner: function (labelWidth, labelHeight, point) {
        return { x: point.plotX + 10, y: point.plotY - 30 };
      },
      // 设置tooltip的内容
      formatter: function () {
        return '<div id="custom-tooltip">' + this.point.name + ': ' + this.y + '</div>';
      },
      // 设置tooltip的样式
      style: {
        padding: '5px',
        backgroundColor: 'rgba(255, 255, 255, 0.9)',
        borderRadius: '5px',
        boxShadow: '0 0 5px rgba(0, 0, 0, 0.3)'
      },
      // 设置tooltip的延迟显示时间
      hideDelay: 0
    },

    // 其他配置项
  };

  return (
    <div>
      <ReactHighcharts config={config} />
    </div>
  );
}

#custom-tooltip {
  color: #333;
  font-size: 12px;
}