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


相关推荐: 移动端脚本框架Hammer.js  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?  香港服务器如何优化才能显著提升网站加载速度?  Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  Laravel如何使用Eloquent ORM进行数据库操作?(CRUD示例)  如何在万网利用已有域名快速建站?  Python正则表达式进阶教程_复杂匹配与分组替换解析  Laravel全局作用域是什么_Laravel Eloquent Global Scopes应用指南  Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布  如何快速完成中国万网建站详细流程?  Laravel如何升级到最新版本?(升级指南和步骤)  Laravel如何自定义分页视图?(Pagination示例)  ,交易猫的商品怎么发布到网站上去?  如何在IIS服务器上快速部署高效网站?  使用C语言编写圣诞表白程序  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?  网站建设要注意的标准 促进网站用户好感度!  微信h5制作网站有哪些,免费微信H5页面制作工具?  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  如何选择PHP开源工具快速搭建网站?  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  如何挑选最适合建站的高性能VPS主机?  javascript中对象的定义、使用以及对象和原型链操作小结  重庆市网站制作公司,重庆招聘网站哪个好?  免费网站制作appp,免费制作app哪个平台好?  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  米侠浏览器网页图片不显示怎么办 米侠图片加载修复  如何登录建站主机?访问步骤全解析  Laravel Debugbar怎么安装_Laravel调试工具栏配置指南  Laravel如何为API编写文档_Laravel API文档生成与维护方法  Laravel如何使用Contracts(契约)进行编程_Laravel契约接口与依赖反转  深圳网站制作的公司有哪些,dido官方网站?  Laravel如何生成API文档?(Swagger/OpenAPI教程)  Laravel如何处理异常和错误?(Handler示例)  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  JavaScript如何实现类型判断_typeof和instanceof有什么区别  如何续费美橙建站之星域名及服务?  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  jquery插件bootstrapValidator表单验证详解  如何快速搭建高效WAP手机网站?  javascript中的try catch异常捕获机制用法分析  网站制作壁纸教程视频,电脑壁纸网站?  如何快速搭建高效服务器建站系统?  ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  如何快速搭建二级域名独立网站?  如何快速搭建个人网站并优化SEO?