Recharts 3.7.0 发布,React 和 D3 构建的图表库

发布时间 - 2026-01-22 00:00:00    点击率:

Recharts 3.7.0 已正式上线。Cell 组件现已标记为弃用,预计将在下一个主版本中彻底移除。官方建议将所有 Cell 的使用场景迁移至对应图表组件的 shape 属性。

本次更新涵盖以下内容:

新增功能(Feat)

新增 Hook

  • useIsTooltipActive:用于判断 Tooltip 当前是否处于激活状态 #6880
  • useActiveTooltipCoordinate:用于获取当前 Tooltip 所在的坐标位置 #6880

其他改进

  • Tooltip:支持 offset 属性接收 Coordinate 类型对象(如 { x: number, y: number })#6868
  • XAxis / YAxis:新增轴类型 "auto" #6823
    • 自动识别分类数据并设为 "category",数值型数据则设为 "number"
  • XAxis / YAxis:将 tick: any 替换为更明确、安全的类型定义 #6911
  • Bar / TypeScript:引入 BarShapeProps 类型,修复 Bar.shape 的类型推导问题 #6900
  • TypeScript:补充了 shapecontent 等函数所需的实用类型导出 #6852

问题修复(Fix)

  • BarChart:修复当单个数据序列包含三个及以上正值时,stackOffset="sign" 模式下图表渲染异常的问题 #6807
  • BarStack:解决使用 Vite 构建项目时引发的循环依赖警告 #6777
  • BarStack:修正 stackOffset="sign" 场景下 clipPath 渲染错误的问题 #6806
  • BarS

    tack
    :为高亮(active)条形添加圆角支持,使其与堆叠半径保持一致 #6906

构建与配置(Chore)

  • 启用 TypeScript 的 strict 模式编译选项 #6842

文档优化(Docs)

目前大部分文档已实现自动化生成,显著提升了代码注释、官网文档及 Storybook 示例之间的一致性与准确性。

  • 新增深色主题支持 #6828
  • 所有官网示例均已集成 Recharts 开发者工具,便于快速定位和调试问题。

更新详情参见:https://www./link/64637d65a19082954fde6266edbbda6e


# react  # git  # go  # vite  # typescript  # github  # 工具  # echarts  # auto  # 循环  #   # number  # 对象  # https  # 自动化  # 设为  # 文档  # 官网  # 将在  # 所需  # 自动识别  # 使其  # 均已  # 移除  # 新增功能 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)  Android GridView 滑动条设置一直显示状态(推荐)  弹幕视频网站制作教程下载,弹幕视频网站是什么意思?  如何快速搭建支持数据库操作的智能建站平台?  java获取注册ip实例  如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环  Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】  如何快速完成中国万网建站详细流程?  jquery插件bootstrapValidator表单验证详解  html如何与html链接_实现多个HTML页面互相链接【互相】  Laravel如何使用Gate和Policy进行授权?(权限控制)  PythonWeb开发入门教程_Flask快速构建Web应用  Laravel如何处理和验证JSON类型的数据库字段  Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  三星、SK海力士获美批准:可向中国出口芯片制造设备  制作旅游网站html,怎样注册旅游网站?  如何快速配置高效服务器建站软件?  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  如何有效防御Web建站篡改攻击?  Win11怎么开启自动HDR画质_Windows11显示设置HDR选项  如何为不同团队 ID 动态生成多个独立按钮  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?  郑州企业网站制作公司,郑州招聘网站有哪些?  Laravel如何配置任务调度?(Cron Job示例)  如何解决hover在ie6中的兼容性问题  node.js报错:Cannot find module 'ejs'的解决办法  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】  黑客如何通过漏洞一步步攻陷网站服务器?  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  EditPlus中的正则表达式 实战(1)  如何续费美橙建站之星域名及服务?  手机软键盘弹出时影响布局的解决方法  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  JavaScript如何实现错误处理_try...catch如何捕获异常?  lovemo网页版地址 lovemo官网手机登录  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案  如何选择可靠的免备案建站服务器?  Laravel Octane如何提升性能_使用Laravel Octane加速你的应用  Laravel如何安装Breeze扩展包_Laravel用户注册登录功能快速实现【流程】  如何在阿里云ECS服务器部署织梦CMS网站?  jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】  奇安信“盘古石”团队突破 iOS 26.1 提权  Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  音响网站制作视频教程,隆霸音响官方网站?  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件  canvas 画布在主流浏览器中的尺寸限制详细介绍