数据大屏可视化工具篇—DataV _数据大屏可视化

文章插图
datav
前面猪猪侠已经分享了很多数据大屏可视化的精美模板，都是小编浪里淘沙一点一点收集起来的，感兴趣的小伙伴们可以进入猪猪侠主页直接获取大屏可视化模板，完全免费的哦。
古人有云，授人以鱼不如授人以渔，基于这方面的考虑，所以猪猪侠这次给大家带来了数据大屏可视化的一套工具DataV 。
首先来介绍一下，DataV是干什么的？

DataV是一个基于Vue的数据可视化组件库（有vue版本和react版本，今天主要介绍vue版本）
提供用于提升页面动态视觉效果svg边框和装饰
提供常用的图标(loading加载，边框，装饰，图表，动态环图，胶囊柱图，水位图，进度池，飞线图，锥形柱图，数字翻牌器，轮播表等等)

如何使用创建vue项目
组件库依赖vue，要想使用它，首先要创建一个vue项目
// 1.安装vue-cli// npm i -g @vue/cli 或者 yarn global add @vue/cli// 2.创建Vue项目// vue create datav-project安装
【数据大屏可视化工具篇—DataV】// cd datav-project// npm install @jiaminghi/data-view 或者 yarn add @jiaminghi/data-view使用
// 将自动注册所有组件为全局组件import dataV from '@jiaminghi/data-view'Vue.use(dataV)按需引用
import { borderBox1 } from '@jiaminghi/data-view'Vue.use(borderBox1)详细的文档可以参展官网文档
组件介绍loading加载
数据尚未加载完成时，可以显示Loading效果，增强用户体验。
<dv-loading>Loading...</dv-loading>