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

IT技术 javascript reactjs recharts
2021-05-08 01:09:30

我实际上是新来的。还有 ReactJS 中的新内容:(

在此处输入图片说明

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

请帮助我真的需要它。

1个回答

在每个 Line 元素上试试这个代码

activeDot={{onMouseOver:this.customMouseOver}}

创建一个方法来处理它

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