Vue大屏可视化DataV组件库

迷南。 2023-10-03 21:55 79阅读 0赞

### 前言 ###

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

### DataV介绍 ###

#### 网站链接：[http://datav.jiaminghi.com][http_datav.jiaminghi.com] ####

#### 示例Demo链接：[http://datav.jiaminghi.com/demo][http_datav.jiaminghi.com_demo] ####

Demo截图：  
![在这里插入图片描述][b554c94e6d6a43f38aae065c459f2fb1.png]

#### DataV使用 ####

第一步：安装

npm install @jiaminghi/data-view

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

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

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

### 附录 ###

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

[http_datav.jiaminghi.com]: http://datav.jiaminghi.com
[http_datav.jiaminghi.com_demo]: http://datav.jiaminghi.com/demo
[b554c94e6d6a43f38aae065c459f2fb1.png]: https://img-blog.csdnimg.cn/b554c94e6d6a43f38aae065c459f2fb1.png
[DataV_dv-scroll-board]: https://blog.csdn.net/someday____/article/details/128038805?spm=1001.2014.3001.5502
[DataV-master]: https://gitee.com/jiasichen/data-v-master?_from=gitee_search
[Vue]: https://gitee.com/xuhanga/study_hard
[Link 1]: https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi

发表评论取消回复

表情：

评论列表（有 0 条评论，79人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue可视化大屏教程

![7ba64732e1b74779a896327820b1fa4e.jpeg][] 在我们日常生活中，经常会看到各式各样的大屏，其中有一部分是传统的数据大屏，如工业监控大屏

朱雀/ 2023年10月12日 08:47/ 0 赞/ 211 阅读

相关阿里DataV可视化大屏设计思路及方法

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

以你之姓@/ 2023年10月05日 10:45/ 0 赞/ 42 阅读

相关阿里DataV可视化大屏基本操作

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

客官°小女子只卖身不卖艺/ 2023年10月05日 10:45/ 0 赞/ 78 阅读

相关阿里DataV可视化大屏介绍

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

￡神魔★判官ぃ/ 2023年10月05日 10:44/ 0 赞/ 93 阅读

相关 jiaminghi/data-view是什么？（DataV，dv大屏数据可视化开源组件库）

简述：相信大家在平时工作中，难免会遇到开发大屏的需求，页面中有很多比较炫酷的CSS效果，这里给大家推荐一款大屏数据展示组件库，里面有各种边框、装饰、图标、飞线图、水位图、轮播表

待我称王封你为后i/ 2023年10月04日 22:25/ 0 赞/ 85 阅读

相关 Vue大屏可视化DataV组件库

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

迷南。/ 2023年10月03日 21:55/ 0 赞/ 80 阅读

相关可视化大屏工具

大屏显示的一些特点：面积巨大：用户站远才能看全内容（所以字也不能设计很小）；深色背景：紧张感强，让视觉更好的聚焦，省电；不可操作：大屏主要用来给来用户看的。用

逃离我推掉我的手/ 2023年06月24日 04:54/ 0 赞/ 69 阅读

相关 Echart，dataV开发可视化数据大屏

最近公司接了一个项目，关于做数据的大屏展示的，在此记录一下一些效果实现遇到的问题和怎么解决的 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW

清疚/ 2022年12月10日 10:19/ 0 赞/ 345 阅读

相关 vue可视化项目解决方案DataV

Vue 大屏数据展示组件库 -------------DataV 主要用于构建大屏(全屏)，数据展示页面即数据可视化。安装一条龙： npm instal

桃扇骨/ 2022年09月14日 15:26/ 0 赞/ 644 阅读

相关可视化大屏原型图解决方案附axure可视化组件库

> 现在越来越多的数据展示方式采用了可视化大屏的策略，对数据项进行图表或者动态的展示。在没有产品原型的情况下，怎么制作一个简易的原型呢？这里提供三种方式制作简易demo：

灰太狼/ 2022年09月14日 14:22/ 0 赞/ 1154 阅读