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

2023-12-09

我实际上是新来的。 ReactJS 中也有新功能:(

enter image description here

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

请帮助我真的需要它。


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

activeDot={{onMouseOver:this.customMouseOver}}

创建一个方法来处理它

customMouseOver(e){
  return (
   <div className="customMouseOver">
     //e hold the line data in payload element
   </div>
  );
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐

  • 正在寻找 MySQL(和 PHP)的可用性?

    我有两个 MySQL MyIsAm 表 分别代表出租单位和预订 出租单位 ID Name ETC 出租单位预订 ID F LU ID Start End Where F LU ID是单元的外键 搜索特定时间范围内可用单位的最佳方法是什么 搜
  • 当表被过滤时如何更新nth-child css?

    情况 我正在从数据库中提取数据并将其显示为网站上的表格 显示时 我使用 nth child odd 和 nth child even 来遮蔽每隔一行 以便更容易看到每一行 我正在使用这个多重过滤器 JQuery 插件通过在每个输入中输入值来
  • Azure 发布:无法更新 Azure 中的 API

    我正在尝试从 Visual Studio 在 Azure 上发布我的 net3 1 web 应用程序 Visual Studio 在 开始更新 API 步骤上失败 这是 Visual Studio 的输出 Build started 1 g
  • 读取 JPEG:ImageIO.read() 弄乱了色彩空间

    我正在尝试在 Servlet 中读取 重新缩放和保存图像 这是相关代码 BufferedImage image ImageIO read file BufferedImage after new BufferedImage width he
  • 向文件夹中的所有工作簿添加新的和删除旧的 VBA

    我有大约 60 个包含多个模块的工作簿 我需要删除一个模块中的一个子例程 然后将代码添加到特定的工作表 目前 每次打开工作簿时都会运行代码 要求运行并将数据存档到另一个工作表 它可以工作 问题是我们多次出现在练习册中 所以每次打开它们时 我
  • 如何在 ASP.NET 5 中使用 JavaScriptSerializer?

    我正在将我的项目移植到DNX Core 5 0并试图找到工作 但我找不到JavaScriptSerializer and AppSettingReader类 我知道System Web已被删除 因此请任何人帮助我找到使用它们的替代方案 有没
  • 将资源管理器文件拖放到 tkinter 条目小部件中?

    我对 Python 还很陌生 我正在尝试将文件名 包含完整路径 输入到 TKinter 条目小部件 由于文件名的路径可能很长 我希望能够直接拖放文件 从 Windows 资源管理器 在 Perl 中我看到了以下内容 use Tk DropS
  • 黑洞相当于什么?

    我正在 postgreSQL 中开始一个新项目 最新 使用 MySQL 5 5 一段时间了 过去我大量使用过blackhole表来简化我的应用程序代码 它允许我在应用程序代码中进行一次插入 INSERT INTO blackhole1 va
  • tfidf.transform() 函数未返回正确的值

    我试图在某个文本语料库上拟合 tfidf 矢量器 然后使用相同的矢量器来查找新文本的 tfidf 值的总和 但是 总和值并不符合预期 下面是示例 text I am new to python and R how can anyone he
  • XCopy 不会在 Visual Studio 中复制

    我将使用 Visual Studio 中的构建后事件将 exe 复制到另一个文件夹中 每次构建都应该发生这种情况 我没有任何错误 exe 输出位于自定义文件夹中 但它不会复制到另一个文件夹中 为什么 Visual Studio 的构建输出仅
  • 在 Excel 中拆分地址字段

    我有一个 Excel 文件 其中包含带有地址的单元格 3个不同的数据示例 123 Main Street n Apartment2 n New York NY 10001 123 Main Street n New York NY 1000
  • 在 MVC3 中通过 TempData 将 MemoryStream 转换为 IMG - 有更好的方法吗?

    除其他属性外 模型还包含一个将 MSChart 作为 MemoryStream 返回的方法 在我的视图中 我将 MemoryStream 复制到 TempData Chart 然后使用 URL Action 调用控制器操作 以使用 Temp
  • 静态选项菜单

    我想为我的所有活动屏幕创建一个静态选项菜单 我不想覆盖onCreateOptionsMenu 在每项活动中 Since Menu类是一个具有大量方法的接口 很难创建实现类的静态对象 还有其他方法可以做同样的事情吗 如果我正确地阅读了你的问题
  • Duke 快速重复数据删除:java.lang.UnsupportedOperationException:尚不支持操作?

    我正在尝试使用Duke快速重复数据删除引擎在我工作的公司的数据库中搜索一些重复的记录 我从命令行运行它 如下所示 java cp C utils duke 0 6 duke 0 6 jar C utils duke 0 6 lucene c
  • 如何在javascript中过滤对象数组中的数组?

    我有一个包含电影信息的对象数组 每个对象都具有流派价值 该值可以是字符串或数组 我正在从查询字符串中获取流派并将其保存到名为流派的变量中 现在我只想整理该类型的电影 我的对象数组如下所示 movies title Apocalypse No
  • 如何使用 GDB 调试 jonesforth?

    jonesforth 通常按如下方式启动 cat jonesforth f jonesforth 有什么好的调试方法jonesforth 在Ubuntu上 如果您使用的是 Ubuntu 请允许gdb附加到正在运行的进程 echo 0 gt
  • 如何将数据从先前的 segue 传递到子视图控制器?

    我需要从 a 传递数据View Controller to a child of a parent view controller prepareSegue没有传递数据 我需要在 viewdidload 之前让它通过 这是我尝试将信息从视图
  • 返回 MySQL 中每个“group by”的“最后”行

    有没有更有效的方法来执行以下操作 select from foo as a where a id select max id from foo where uid a uid group by uid group by uid 这个答案看起
  • sed 命令 - 适用于文件夹的所有文本 (.txt) 文件

    我想应用这个 sed 命令 sed begin 644 d file1 txt gt file1 txt 到目录的所有文件 基本上我想保持相同的名称 但在找到某个字符串后删除所有行 我如何调整这个 sed 命令以应用于所有文本 txt 文件
  • 如何使用 Recharts 获取折线图上的悬停元素

    我实际上是新来的 ReactJS 中也有新功能 我想做的是 当我将鼠标悬停在值 1 行上时 只有值 1 数据才会显示在工具提示内 如您所见 此工具提示的情况并非如此 请帮助我真的需要它 在每个 Line 元素上尝试此代码 activeDot