推荐一个漂亮的React图表库

90 阅读1分钟

这阵子在忙自己的项目,一个模块包含了一些图表,也不复杂就是几张折线图,经过一些搜索和考量后发现了一个比较合适的库,这里推荐给需要的人。

为啥不用Echarts

最开始我是想用echarts的,一来比较熟悉,二来配置项非常多,一般的需求都能满足。但是考虑到echarts的UI略显粗糙,无法跟项目的UI在外观上齐平,就放弃了

为啥不用D3

d3也是一个非常强大的图表库,也是我最早接触的js图表库之一,由于长时间没接触,一些知识已经遗忘,再捡起来比较费事,另外,再熟悉也是需要一些开发量的,于是放弃了

APEXCHARTS:一轮搜寻+考量后的选择

经过一些搜索和测试,发现了一个比较美观的UI库:APEXCHARTS

里面涵盖了几乎所有用到的图表类型,当然还有更重要的:非常漂亮。

image.png

特性:

  • SVG图形
  • 响应式
  • 可交互
  • 流畅的动画
  • 图表类型丰富
  • 支持在图表上添加备注
  • 支持动态添加数据
  • 良好的性能
  • 等等

支持的图表类型有:线图、面积图、柱形图、树形图,热力图,雷达图、区间图等等。

使用起来非常方便。支持vanilla js,react,vueangular等。