组件库名称:DataV
项目地址:https://github.com/DataV-Team/DataV
DataV是一个基于 Vue的数据可视化组件库(当然也有React版本)提供用于提升页面视觉效果的 SVG边框和装饰提供常用的 图表如折线图等飞线图/轮播表等其他组件npm安装
$ npm install @jiaminghi/data-view
使用
import Vue from 'vue'import DataV from '@jiaminghi/data-view'Vue.use(DataV)// 按需引入import { borderBox1 } from '@jiaminghi/data-view'Vue.use(borderBox1)
![ed7b4bd5f7418ae751d78627fa516641.png](https://i-blog.csdnimg.cn/blog_migrate/a2ea715282f75ec371abc3f29cbfd33e.jpeg)
![5af562312df4c8506cb845ad2f1b6de0.png](https://i-blog.csdnimg.cn/blog_migrate/460a29180e3405da1e1f2f72416f8ac5.jpeg)
![fa64de547933a0fd94e0a123ef154f5e.png](https://i-blog.csdnimg.cn/blog_migrate/a43ee685e0bebf0eff5fd424f835107f.jpeg)
光看截图就知道太酷炫了,而且根本不需要担心拿在手里会不会用,官方的文档也是非常详细
![5fa6ad8448611ba15b944d71840bad8d.png](https://i-blog.csdnimg.cn/blog_migrate/200005a10f078c010de137b9e29e20f8.jpeg)
![bddf120540cdd3742b2268606fe17090.png](https://i-blog.csdnimg.cn/blog_migrate/c37e9cf5114a6c5b8d21fa38d1ae2827.jpeg)
![3800fdfe4818aea70b68d5a6a13458d8.png](https://i-blog.csdnimg.cn/blog_migrate/1471ed654c871406cde5ad7c58f97ae2.jpeg)
![743e154c0f7a9d802604f59944ccf6a2.png](https://i-blog.csdnimg.cn/blog_migrate/f22f0b626c7f26de82ef2e84ba6c2d6e.jpeg)
非常多的组件可以选择,但是相对于收费版的阿里云datav还是很不错的选择,有更好的同类组件库欢迎在下方留言补充