2019年值得推荐的React可视化库
极客时间编辑部
讲述：丁婵大小：1.74M时长：03:48
日前，Statsbot 的联合创始人兼首席执行官阿尔乔姆·基德诺夫（Artyom Keydunov）发文称，他们正在开发 Cube.js，Cube.js 在兼容 SQL 语法的数据库之上构建用于分析的 API 层，因此任何图表库均能够和 Cube.js 一起用来构建仪表板。所以他们一直在寻找一个优质而且对于开发者更友好的可视化库，为此还做了不少调研。以下为他们推荐的几个不错的 React 可视化库。
1. Recharts
它是本文所列出的可视化库中最受欢迎的一个，在 GitHub 上的 Star 超过 11000 ，同时也有大量开启的 Issue（迄今为止为 600 个）。它提供了一组模块化的图表组件，并且能够让你将这些组件进行组合，从而轻易地构建许多东西，比如曲线条形组合图。
Recharts 的文档非常全面，但缺乏某些方面的细节。你可以在 Rechart’s 网站上找到一些例子，然后根据它们开始构建你自己的图表。此外，它还针对定制提供了多样化的配置项，还允许通过定制化 SVG 元素进行低级别的定制。
2. Victory
它使用了和 Recharts 相同的组合模式，但是它开启的 Issue 只是 Recharts 的五分之一。Victory 在 GitHub 上有 7000 个 Star，它是列表中唯一一个能够兼容 React Native 的库。
Victory 提供了 2 个样式风格：灰度和 Material，并且能让你创建客户主题，从而使所有图表的外观保持一致。
3. Nivo
和前两位一样，Nivo 基于 D3 而且是 React 特有的。但它不支持图表组合。每个图表类型仅提供了一个组件，而且这个组件是通过多个 props 来配置的。由于 Nivo 是针对特定图表类型的一套程序包。所以，你需要安装特定的程序包，才能使用特定的图表类型。
该项目本身非常活跃。它在 GitHub 上有 5000 个 Star，它的文档非常互动化，你可以根据文档构建图表的配置。此外，它还有一个带有示例的Storybook，可以帮你省时省力，Nivo 也能让你能够创建自己的主题，从而使所有图标的外观保持一致。虽然它很好，但它缺乏一个纯文本形式的 API 参考和搜索功能。
4. BizCharts
这是一个基于G2的 React 特有的可视化库，G2 是一种可视化语法。BizCharts 由阿里巴巴支持，并且能够和 Ant Design 框架良好配合。它在 GitHub 上约有 4000 个 Star，大部分的开发是中文的，文档也是。它的 API 非常简单易懂。唯一的困难可能是你需要将数据格式转化成堆叠式图表特有的格式。
5. React-vis
它是由 Uber 开发的，目前在 GitHub 上有 5400 个 Star、150 个开启的 Issue。它是模块化的，它还有许多非常棒的默认风格，这些风格必须单独以 CSS 文件的方式导入。
同 Nivo 一样，React-vis 也有带有示例的故事簿。其组件 API 的文档化也非常好。在定制方面，你可以通过定制的 CSS 风格来控制其外观和给人的感觉。React-vis 还提供了一个特别的组件（ CustomSVGSeries）来构建定制的 SVG 图表。
以上就是今天的内容，希望对你有所帮助。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
该免费文章来自《极客视点》，如需阅读全部文章，
请先领取课程
请先领取课程
免费领取
© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示，欢迎踊跃留言。
收起评论