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

陌墨同学_2224

陌墨同学_2224

2026-01-22

986人浏览

原创

recharts 3.7.0 发布,react 和 d3 构建的图表库

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

本次更新涵盖以下内容:

新增功能(Feat)

新增 Hook

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

其他改进

React 组件生成器
React 组件生成器

根据项目规范生成 React 和 Vue 组件,包括 TypeScript 类型定义、Ant Design 5 集成、Tailwind CSS 样式及 Vitest 测试文件。当用户提出创建、生成或搭建前端组件的需求时启用,例如:“帮我写一个表格组件”、“生成一个弹窗”、“create a form component”、“写一个列表页”、“生成一个下拉选择器”。该能力在以下任一场景触发:涉及 React/TSX/Vue 组件生成、UI 组件创建,或为组件生成测试文件。

下载
  • 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:补充了 shape、content 等函数所需的实用类型导出 #6852

问题修复(Fix)

  • BarChart:修复当单个数据序列包含三个及以上正值时,stackOffset="sign" 模式下图表渲染异常的问题 #6807
  • BarStack:解决使用 Vite 构建项目时引发的循环依赖警告 #6777
  • BarStack:修正 stackOffset="sign" 场景下 clipPath 渲染错误的问题 #6806
  • BarStack:为高亮(active)条形添加圆角支持,使其与堆叠半径保持一致 #6906

构建与配置(Chore)

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

文档优化(Docs)

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

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

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

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

2026.02.13

312

17

TypeScript全栈项目架构与接口规范设计
TypeScript全栈项目架构与接口规范设计

本专题面向全栈开发者,系统讲解基于 TypeScript 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例,帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

2026.02.25

520

17

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

2026.03.13

391

19

TypeScript 全栈开发进阶指南
TypeScript 全栈开发进阶指南

面向有 JavaScript 基础的开发者,深入讲解 TypeScript 的类型系统与全栈开发实践。

2026.06.03

306

29

TypeScript Node.js 全栈工程化与Monorepo架构实践
TypeScript Node.js 全栈工程化与Monorepo架构实践

本专题围绕 TypeScript 在 Node.js 全栈开发中的工程化实践展开,系统讲解 Monorepo 架构设计、包管理策略、模块复用机制以及服务端与前端统一类型系统的构建方法。通过真实项目案例,帮助开发者提升大型全栈项目的可维护性与协作效率。

2026.06.16

678

8

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.18

6327

5

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

2023.08.10

2648

6

github中文官网入口 github中文版官网网页进入
github中文官网入口 github中文版官网网页进入

github中文官网入口https://docs.github.com/zh/get-started,GitHub 是一种基于云的平台,可在其中存储、共享并与他人一起编写代码。 通过将代码存储在GitHub 上的“存储库”中,你可以: “展示或共享”你的工作。 持续“跟踪和管理”对代码的更改。

2026.01.21

8645

27

GitHub官网入口版本汇总
GitHub官网入口版本汇总

本专题整合了GitHub入口版本地址汇总,阅读专题下面的文章了解更多详细内容。

2026.04.02

918

19

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 12.4万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.4万人学习