Recharts 库：在图形状态下使用有效载荷数据会显着减慢工具提示的速度

问题描述

我有一个由多个区域组成的面积图。

我正在尝试获取工具提示的位置，以便显示数据的切片版本，因为从工具提示位置开始。

我能够完美地获取和记录数据，但是当我尝试在图形状态中使用工具提示的索引时，它会变慢并且仅在悬停在所有图形上时呈现几次。

有没有办法防止这种情况发生，或者有没有其他方法可以访问工具提示位置？

这是我的代码：

                              content={(payload) => {
                                this.getTooltipPoint(payload,data,area);
                                return (
                                  <Ridgetooltip
                                    payload={payload.payload}
                                    areaData={data[area]}
                                  />
                                );
                              }}
                            />

  getTooltipPoint(payload,area) {
    let point;
    if (payload.payload && payload.payload.length > 0) {
      point = data[area].findindex((point) => point.date == payload.payload[0].payload.date);
      console.log(point);
    }
    if (payload.payload && payload.payload.length > 0) {
      this.setState({
        ...this.state,point,});
    }
  }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）