当前位置:   article > 正文

Vue大屏可视化DataV组件库_data-v大屏展示demo

data-v大屏展示demo

前言

最近需要做一个 Vue大屏数据可视化的项目,找资料的时候发现一个很棒的 vue大屏数据可视化插件DataV组件库,可使我们大屏看起来更高端。

DataV介绍

网站链接:http://datav.jiaminghi.com

示例Demo链接:http://datav.jiaminghi.com/demo

Demo截图:
在这里插入图片描述

DataV使用

第一步:安装

npm install @jiaminghi/data-view
  • 1

第二步:在main.js里面全局注册DataV

// 将自动注册所有组件为全局组件
import dataV from '@jiaminghi/data-view'
Vue.use(dataV)
  • 1
  • 2
  • 3

之后就可以使用了,具体使用案例,请前往:基于DataV优化样式滚动表格(dv-scroll-board)轮翻效果

附录

在百度的过程中也发现了几个不错的案例,分享给大家
dataV代码:DataV-master
Vue大屏数据可视化案例代码:Vue大屏数据可视化
大屏数据展示模板案例代码:大屏数据展示模板

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/107359
推荐阅读
相关标签
  

闽ICP备14008679号