Vue|vue可视化项目解决方案DataV
Vue 大屏数据展示组件库 -------------DataV
主要用于构建大屏(全屏)，数据展示页面即数据可视化。
安装一条龙：
npm install @jiaminghi/data-view
// 将自动注册所有组件为全局组件
import dataV from '@jiaminghi/data-view'Vue.use(dataV)
// 按需引入
import {
borderBox1 } from '@jiaminghi/data-view'Vue.use(borderBox1)
官方文档：
http://datav.jiaminghi.com/
兼容性：只保证 chrome
文章图片
全屏容器
content
即最外层容器：
文章图片
loading加载
Loading...
外层全屏容器包括下的 loading组件
文章图片
文章图片
边框
dv-border-box-1
文章图片
文章图片
http://datav.jiaminghi.com/guide/borderBox.html#dv-border-box-1装饰 类似于之前的边框，起点缀作用，增强视觉效果。
文章图片
图表 图表基于charts实例封装
动态环图
包含多种 config属性：
文章图片
【Vue|vue可视化项目解决方案DataV】类似的还有胶囊柱图，飞线图，进度池，水位图，锥形柱图，数字翻牌器，轮播表，排名轮播表…根据项目实际要求进行使用
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 为什么孩子一定要学会可视化思维！
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show