如何轮播 DataV 大屏

本文涉及的产品
可视分析地图(DataV-Atlas),3 个项目,100M 存储空间
简介: 如何轮播 DataV 大屏 当你使用 DataV 制作了足够多的大屏时,一定会冒出一个需求:轮流播放大屏页面,不要怕,一分钟就可以搞定 安装 Chrome 插件 TabCarousel 首先安装神器插件 TabCarousel 使用 安装完成之后,地址栏右侧会出现这么个小图标 。

当你使用 DataV 制作了足够多的大屏时,一定会冒出一个需求:轮流播放大屏页面,不要怕,一分钟就可以搞定

安装 Chrome 插件 TabCarousel

首先安装神器插件 TabCarousel Screen_Shot_2017_09_15_at_14_37_56

如果无法通过上述链接安装 chrome 插件Screen_Shot_2017_09_15_at_15_10_19
输入 https://chrome.google.com/webstore/detail/tabcarousel/ddldimidiliclngjipajmjjiakhbcohn 下载 chrome 插件并安装

打开 chrome 的插件开发者模式,不然无法安装你自行下载的 chrome 插件。在地址栏输入 chrome://extensions/,勾上第一行的开发者模式。
然后将刚才下载的 crx 文件拖拽进入 chrome 安装即可。

使用

安装完成之后,地址栏右侧会出现这么个小图标 Screen_Shot_2017_09_15_at_14_37_56。这个插件会自动轮播当前打开的所有 chrome tab 页,默认轮播间隔为 15s。

  • 开启轮播功能:点击这个 icon,这时候 icon 上会冒出个小叉Screen_Shot_2017_09_15_at_14_41_01

  • 关闭轮播功能:再次点击这个 icon,icon 变回 Screen_Shot_2017_09_15_at_14_37_56

  • 设置轮播间隔:右键点击 Screen_Shot_2017_09_15_at_14_37_56插件图标,点击「选项」菜单,进入设置页面。
    Screen_Shot_2017_09_15_at_14_44_22
    在框里面输入你想要的间隔长度,单位是毫秒
    然后点击下方的 save 按钮即可。

记得将 chrome 全屏。

相关实践学习
DataV Board用户界面概览
本实验带领用户熟悉DataV Board这款可视化产品的用户界面
阿里云实时数仓实战 - 项目介绍及架构设计
课程简介 1)学习搭建一个数据仓库的过程,理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上,理解并学会运用各个服务组件,了解各个组件之间如何配合联动。 3 )前置知识要求   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准,准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
相关文章
|
编解码 数据可视化
关于DataV大屏分辨率那些事
关于DataV如何选择合适分辨率的问题,实践中经常遇到一些疑惑。故写此文进行澄清,希望能够帮助各位朋友合理的选择适合自己业务场景的分辨率。
2633 0
【Echarts大屏】智慧数据平台大屏
【Echarts大屏】智慧数据平台大屏
|
5月前
|
数据可视化
【Echarts大屏】智慧酒机可视化大屏
【Echarts大屏】智慧酒机可视化大屏
|
5月前
|
数据可视化
【Echarts大屏】智慧门店可视化大屏
【Echarts大屏】智慧门店可视化大屏
|
8月前
|
数据可视化 JavaScript 前端开发
vue2+datav可视化数据大屏(1)
最近打算出一个前端可视化数据大屏的系列专栏,这次将很全面的教大家设计可视化大屏,从开始到打包结束,其中,包括如何设计框架,如何封装axios,等等,本次使用的数据均为mock数据。与正常使用一致。本文会从开始的创建vu23项目到最后的项目打包,本篇共计3节。
961 1
|
8月前
|
数据可视化 JavaScript API
vue2+datav可视化数据大屏(2)
接上一节所说 我们已经讲骨架搭好 这节我们讲述的如何在vue2中使用mock数据和封装axios
322 0
|
8月前
|
数据可视化 JavaScript 开发工具
vue2+datav可视化数据大屏(3)
接上一节所说,当我们将接口封装完了后,我们需要给大屏进行内容填充啦
580 0
|
数据可视化 容器
DataV构建大屏(全屏)数据展示页面
DataV构建大屏(全屏)数据展示页面
749 0
|
数据可视化
漏刻有时数据可视化大屏实现已登录直接跳转到页面的方法
漏刻有时数据可视化大屏实现已登录直接跳转到页面的方法
59 0
|
SQL 数据可视化 前端开发
漏刻有时数据可视化大屏常见问题(3)大屏部分数据显示,部分不显示
漏刻有时数据可视化大屏常见问题(3)大屏部分数据显示,部分不显示
162 0

相关产品

  • DataV数据可视化