这阵子在忙自己的项目,一个模块包含了一些图表,也不复杂就是几张折线图,经过一些搜索和考量后发现了一个比较合适的库,这里推荐给需要的人。
为啥不用Echarts
最开始我是想用echarts的,一来比较熟悉,二来配置项非常多,一般的需求都能满足。但是考虑到echarts的UI略显粗糙,无法跟项目的UI在外观上齐平,就放弃了
为啥不用D3
d3也是一个非常强大的图表库,也是我最早接触的js图表库之一,由于长时间没接触,一些知识已经遗忘,再捡起来比较费事,另外,再熟悉也是需要一些开发量的,于是放弃了
APEXCHARTS:一轮搜寻+考量后的选择
经过一些搜索和测试,发现了一个比较美观的UI库:APEXCHARTS。
里面涵盖了几乎所有用到的图表类型,当然还有更重要的:非常漂亮。
特性:
- SVG图形
- 响应式
- 可交互
- 流畅的动画
- 图表类型丰富
- 支持在图表上添加备注
- 支持动态添加数据
- 良好的性能
- 等等
支持的图表类型有:线图、面积图、柱形图、树形图,热力图,雷达图、区间图等等。
使用起来非常方便。支持vanilla js
,react
,vue
、angular
等。