让我们面对现实——数字是丑陋的。但是他们的可视化可以很漂亮并且（更重要的是）对用户有见地。大多数 React 应用程序都包含某种数据可视化功能。事实上，这不仅适用于 React。图表、图形和其他类型的数据可视化表示是当今移动和 Web 应用程序中最常见的一些组件。
像 React 这样的 JavaScript 框架的优势之一是它们具有可扩展性和通用性。拥有大量扩展开箱即用功能的库和组件？大多数开发人员（逻辑上）选择 3rd 方库或服务。
当然，你可以在 React 中自制图表，而无需依赖其他人设计、编写、维护和使用的库组件。但是，考虑到你需要花费多少时间来开发和维护你将创建的代码？很明显为什么 React 的流行且维护良好的图表库是要走的路。
这给我们带来了一个问题：哪个React图表库最好？常用的React图表库有哪些？与你在 React 项目中引入的任何库或组件一样，你应该考虑一些事情。除了图表库提供的功能外，你还应该考虑文档质量、对性能的影响、库依赖性以及许可和支持成本。
为了帮助你比较可用选项，我们列出了可用的前 11 个 React 图表和数据可视化库。
排名前 11 的 最佳React图表库合集
1.recharts
可用于 React 的最古老、最可靠的图表库之一是recharts。该库具有原生 SVG 支持，仅对某些 D3 子模块有轻微依赖。它使用声明性组件，图表组件纯粹是展示性的。
在撰写本文时，由于拥有活跃的开发者社区和 GitHub 上的 15.1K 星，recharts 通常是为 React 应用程序寻找数据可视化库时要考虑的第一个库。它还拥有每周 481K 的 npm 下载量。
2.react-chartjs-2
哪个React图表库最好？这个库与其说是一个 React 图表库，不如说是一个流行的 JavaScript 图表库——chartjs 的一个 React 包装器。Charts.js 是一个轻量级图表库，可让你使用 HTML5 Canvas 元素构建响应式图表组件。它提供了六种不同的开箱即用的图表样式，并且对初学者友好。
Chart.js 广泛用于 React 和 Vue.js，每个都有自己的包装库。这个库是 React 的包装器，但请注意，你将引用的大部分文档是 Chart.js 本身的文档。值得庆幸的是，它非常彻底，社区支持也值得注意。
包装器库 react-chartjs-2 在 GitHub 上拥有 3.4K 颗星，每周 npm 下载量为 298K。
3.Victory
最佳React图表库合集：Victory 是一组用于 React 和 React Native 的模块化图表组件。它对 Web 和 React Native 应用程序使用相同的 API，以实现轻松的跨平台图表。虽然学习和使用非常简单，但 Victory 非常灵活，允许在你的应用程序中快速集成折线图、条形图、饼图和烛台图。
这个库流行的原因之一是它是由Formidable开发的，这是一家知名公司，在世界各地雇用高技能的开发人员和设计师。Victory 在 GitHub 上拥有 8.4K 星，每周 npm 下载率为 141K。
4.visx
常用的React图表库有哪些？Visx 是 Airbnb 的 React 图表组件库，拥有 11.3K 星，并且是 GitHub 上非常活跃的存储库。Visx结合了 D3.js 和 React DOM 的优点。
这个开源工具背后的开发人员坚持认为它不是一个图表库，而是一个可重用的低级可视化组件的无意见集合。
5.nivo
另一个基于 D3.js 的 React 组件集合是 nivo。与 React 的其他图表库相比，nivo 的独特之处在于它能够在服务器端呈现。广泛的nivo 组件库为各种有用的数据可视化图表和图形提供了模板。
Nivo 还具有出色的灵活性，在单个库中提供 SVG、HTML 和 Canvas 图表。它还提供由 react-motion 驱动的运动/过渡，虽然它在 GitHub 上只有 7.7K 星，但 nivo 是满足多功能响应式可视化需求的强大解决方案。
6.react-vis
如果你正在寻找易用性和学习速度比 Uber 还快的图书馆，那么 Uber 可以满足你的需求。
最佳React图表库合集：React-vis 是 React 组件的集合，用于呈现常见的数据可视化图表。其中包括折线图/面积图/条形图、热图、散点图、等高线图、六边形热图、饼图和圆环图、旭日图、雷达图、平行坐标和树状图。
在 GitHub 上只有 7.5K 颗星并且在超过 5 个月内（在撰写本文时）没有主要版本，react-vis 可能不是你的首选。也就是说，用户一直在称赞文档。
7.BizCharts
常用的React图表库有哪些？另一个在 GitHub 上拥有自己的 React 图表库的熟悉品牌是阿里巴巴。他们的库 BizCharts 提供了这一点——基于 G2 和 React 的业务应用程序图表。
BizCharts 支持 ES6 React 语法并拥有令人印象深刻的模板库。也就是说，文档和画廊本身是中文的。这个 React 图表库有一个很小的，主要是亚洲人，随后它在 GitHub 上获得了总共 5400 颗星，每周有 27K npm 下载量。
8.rumble-charts
哪个React图表库最好？Rumble-charts 是一个适度且匿名的 React 图表和可视化库。该库的开发人员将其简单地描述为React 组件，用于构建可组合且灵活的图表来可视化你的数据。
它基于 D3.js 引擎盖，遗憾的是不是很好维护或经常更新新功能。
9.react-stockcharts
顾名思义，这个库为你的 React 应用程序中的股票图表提供了广泛且通用的模板。它包含60 多个技术指标和叠加层，随时可以满足你的财务数据可视化需求。
值得注意的是，这个库在 GitHub 上只有 2.9K 星，并且不经常维护或更新。
10.react-financial-charts
常用的React图表库有哪些？由于 react-stockcharts 没有维护，该项目的一个分支出现了 typescript 语法和错误修复 – react-financial-charts。尽管大多数人仍然不知道（在 GitHub 上只有 116 颗星！），但它正在成为已不复存在的 react-stockcharts 的公平替代品。
11.react-timeseries-charts
最佳React图表库合集：如果你正在寻找一个专注于时间序列组件的 React 库 – 你已经找到了。该库包含一组模块化图表组件，专门用于可视化时间序列数据和网络流量数据，特别是在 React 上。低级元素使用 d3 构建，而更高级别的可组合性由 React 提供。
这个库没有被积极维护，但几乎用大量的文档和示例来弥补。
我们忘记了一个吗？是否出现了一个没有及时列入名单的新产品？让我们在评论中知道！
