如何使用 Recharts 获取折线图上的悬停元素

Question

我实际上是新来的。 ReactJS 也是新的 :(

我想要做的是，当我将鼠标悬停在值 1 行上时，工具提示内只会显示值 1 数据。如您所见，此工具提示并非如此。

请帮助我真的需要它。

Answer 1

在每个 Line 元素上尝试此代码

activeDot={{onMouseOver:this.customMouseOver}}

创建一个方法来处理它

customMouseOver(e){
  return (
   <div className="customMouseOver">
     //e hold the line data in payload element
   </div>
  );
}