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

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

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

内容简介：

​

一、创建可视化应用

二、修改组件样式

三、修改数据

一、创建可视化应用

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

二、修改组件样式

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

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

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

 

三、修改数据

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

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

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

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

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