vue可视化拖拽组件模板_又一款基于Vue的数据可视化组件库,Github上star超1.4k,太酷炫...

组件库名称: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
5af562312df4c8506cb845ad2f1b6de0.png
fa64de547933a0fd94e0a123ef154f5e.png

光看截图就知道太酷炫了,而且根本不需要担心拿在手里会不会用,官方的文档也是非常详细

5fa6ad8448611ba15b944d71840bad8d.png
bddf120540cdd3742b2268606fe17090.png
3800fdfe4818aea70b68d5a6a13458d8.png
743e154c0f7a9d802604f59944ccf6a2.png

非常多的组件可以选择,但是相对于收费版的阿里云datav还是很不错的选择,有更好的同类组件库欢迎在下方留言补充