使用DataV模板搭建企业销售实时监控大屏

本文涉及的产品
可视分析地图(DataV-Atlas),3 个项目,100M 存储空间
简介: 快速学习使用DataV模板搭建企业销售实时监控大屏

开发者学堂课程【大数据可视化 DataV 课程使用 DataV 模板搭建企业销售实时监控大屏】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/85/detail/1328


使用 DataV 模板搭建企业销售实时监控大屏


内容简介:

一、创建可视化应用

二、修改组件样式

三、修改数据


一、创建可视化应用


首先登陆 DataV 控制台,然后单击我的格式化、新建格式化,选择销售实时监控模板,单击创建,在弹窗中输入一个大屏名称,再次单击创建,应用创建成功后,会跳转到应用编辑器页面,可以看到一款设计精良且能够展示企业销售数据的模板大屏。

image.png


二、修改组件样式


在刚刚创建好的模板大屏中,单击最左侧涂色栏中某一组件,选中画布中相应的组件,单击该组件,则可以看到大屏右侧对应的样式栏、标签页。

根据自己的设计需求,在样式栏、标签页中随意调整组建的基础属性、全局样式、序列号、内容等样式。

对大屏中各个组件样式进行调整后,我们可以看到一个符合自己需求的可视化大屏。

 

三、修改数据


单击组件的数据标签页,选择数据源类型为静态数据。

在下方的数据编辑区中,根据您的需求,修改模板已有的数据或者粘贴您已准备好的 json 格式数据。

需要注意的是,在添加数据时,字段名要和系统设置保持一致,数据修改完成后,可单机查看数据响应结果,查看配置完成的数据或者单击任意空白处。

当界面显示匹配成功时,说明您的数据已经配置完成。对大屏中所有的组件都进行类似上面的操作,配置所有组件的数据和样式,所有组件都配置完成后,单击屏幕右上角的预览,可查看配置完成后的完整大屏。

单击发布,打开发布分享开关,单击访问链接进行复制,在浏览器中粘贴该链接即可访问大屏。

相关实践学习
DataV Board用户界面概览
本实验带领用户熟悉DataV Board这款可视化产品的用户界面
阿里云实时数仓实战 - 项目介绍及架构设计
课程简介 1)学习搭建一个数据仓库的过程,理解数据在整个数仓架构的从采集、存储、计算、输出、展示的整个业务流程。 2)整个数仓体系完全搭建在阿里云架构上,理解并学会运用各个服务组件,了解各个组件之间如何配合联动。 3 )前置知识要求   课程大纲 第一章 了解数据仓库概念 初步了解数据仓库是干什么的 第二章 按照企业开发的标准去搭建一个数据仓库 数据仓库的需求是什么 架构 怎么选型怎么购买服务器 第三章 数据生成模块 用户形成数据的一个准备 按照企业的标准,准备了十一张用户行为表 方便使用 第四章 采集模块的搭建 购买阿里云服务器 安装 JDK 安装 Flume 第五章 用户行为数据仓库 严格按照企业的标准开发 第六章 搭建业务数仓理论基础和对表的分类同步 第七章 业务数仓的搭建  业务行为数仓效果图  
相关文章
|
7月前
|
数据可视化 前端开发 JavaScript
react+datav+echarts实现可视化数据大屏
最近有点闲,就学习了下react,没想到就把react学完了,觉得还不错,就打算出一把react+datav的简易版可视化数据大屏供大家做个参考
562 2
react+datav+echarts实现可视化数据大屏
|
7月前
|
数据可视化 JavaScript 前端开发
vue2+datav可视化数据大屏(1)
最近打算出一个前端可视化数据大屏的系列专栏,这次将很全面的教大家设计可视化大屏,从开始到打包结束,其中,包括如何设计框架,如何封装axios,等等,本次使用的数据均为mock数据。与正常使用一致。本文会从开始的创建vu23项目到最后的项目打包,本篇共计3节。
935 1
|
7月前
|
数据可视化 JavaScript 开发工具
vue2+datav可视化数据大屏(3)
接上一节所说,当我们将接口封装完了后,我们需要给大屏进行内容填充啦
564 0
|
7月前
|
数据可视化 JavaScript API
vue2+datav可视化数据大屏(2)
接上一节所说 我们已经讲骨架搭好 这节我们讲述的如何在vue2中使用mock数据和封装axios
314 0
|
数据可视化 容器
DataV构建大屏(全屏)数据展示页面
DataV构建大屏(全屏)数据展示页面
743 0
|
资源调度 数据可视化 JavaScript
vue3+DataV+Echarts搭建数据大屏模板(建议收藏)
vue3+DataV+Echarts搭建数据大屏模板(建议收藏)
1511 0
vue3+DataV+Echarts搭建数据大屏模板(建议收藏)
|
SQL 数据可视化 数据库
使用阿里云dataV实现大屏自动轮播
使用阿里云dataV实现大屏自动轮播进行动态展示
1764 0
使用阿里云dataV实现大屏自动轮播
|
数据可视化
宜搭&DataV在一起啦!宜搭大屏可视化正式全量上线
● 2021年10月,随着宜搭 3.0 的正式发布,为了让钉钉上的每一个企业数字化的工作方式被看见,在云栖大会上,宜搭在酷数据方面,正式“牵手”DataV,发布了宜搭大屏的能力; ● 2021年12月,宜搭 & DataV在产品侧充分融合无缝衔接,现,正式面向宜搭全量付费用户开放,真正让宜搭用户一键掌握专业炫酷的数据可视化表现力!
4142 1
|
5月前
|
数据可视化 前端开发 数据挖掘
身怀绝技的开发者们,快来DataV玩转可视化组件,开启数据新视界!
理论学习之后,实践是检验知识的最好方式。建议你动手创建一个DataV项目,将所学的知识和技能应用到实际开发中。通过实践,你可以更好地理解和掌握DataV的使用技巧,并发现其中的乐趣和挑战。
|
6月前
|
数据可视化 搜索推荐 atlas
DataV Atlas深度解析与实战应用:打造个性化地理信息可视化
阿里云DataV的Atlas功能专注于地理信息可视化,提供范围选择、边界生成和层级展示等工具,助用户轻松创建专业地图应用。通过代码示例展示了如何用Geo组件展示中国省份销售数据,强调了数据安全和性能优化的重要性。DataV Atlas简化了复杂地理信息的展示,提升了数据洞察的直观性和美感。【6月更文挑战第19天】
599 3