是否有可同时在React（Web）与React Native（移动端）复用的图表库？

核心结论 #

目前不存在可以100%无差异同时在React Web端和React Native端完全复用的图表库，但有大量成熟方案可以做到核心逻辑/配置高度复用，API对齐度高，能够大幅降低跨端开发的重复工作量，提升效率。

主流可复用方案推荐 #

Victory 全家桶 #

• 对应两端包：Web端用victory，React Native端用victory-native
• 复用能力：核心组件的API设计、参数结构、配置规则几乎完全一致，仅需配置简单的导入别名适配，即可实现两端图表代码90%以上复用
• 技术实现：Web端基于SVG渲染，RN端基于react-native-svg渲染，视觉效果对齐度高，支持折线图、柱状图、饼图、热力图等绝大多数常用图表类型，自定义灵活度高
• 注意事项：少数特殊交互（如Web端hover事件）、动画配置两端存在差异，需单独做兼容处理

ECharts 跨端适配方案 #

• 对应两端包：Web端用echarts-for-react，RN端用基于WebView封装的ECharts适配包
• 复用能力：图表配置项完全与官方ECharts标准对齐，仅需编写一套option配置，两端分别套用对应组件壳即可使用，配置复用率100%
• 优势：ECharts生态完善，对复杂图表（如地图、桑基图、关系图）的支持度远高于其他跨端方案，有ECharts开发经验的开发者几乎无额外学习成本
• 注意事项：RN端基于WebView渲染，复杂图表的性能略低于原生渲染方案，低配置安卓设备上可能出现卡顿

Recharts 相关方案 #

• 对应两端包：Web端用recharts，RN端用recharts-native
• 复用能力：两者API遵循同一套设计规范，常用图表的配置复用率可达80%左右，性能表现优异
• 优势：适合已经熟悉Recharts生态的开发者，自定义扩展成本较低

跨端框架场景的特殊方案 #

如果你的项目基于Taro、Expo等跨端统一开发框架搭建，可以直接使用框架官方适配的图表组件，底层会自动适配Web和RN的渲染逻辑，仅需编写一套组件代码即可，复用率可达95%以上，仅少数端侧特殊交互需要单独兼容。

选型建议 #

追求最高代码复用率优先选择Victory全家桶，适配成本最低；需要大量复杂小众图表优先选择ECharts方案，生态更完善；已使用跨端框架开发的项目，直接使用框架配套的图表组件是最优解。

内容的提问来源于stack exchange，提问作者avemike