本文档为您介绍大屏编辑器的结构和功能,帮助您快速使用大屏编辑器开发大屏项目。

进入到大屏编辑页面后,您可以使用系统提供的大屏配置和组件配置工具,管理大屏和各个组件。
图 1. 大屏编辑器页面概览
编辑器页面大图
图 2. 大屏组件配置
大屏组件配置入口
序号 名称 说明
1 图层 在图层列表中,可以看到大屏中各个组件的图层位置,您可以根据大屏需要,手动调整每个组件图层的上下位置关系。
2 组件列表 在组件列表中,可以查看各种类型的组件,可以将组件拖动到画布中进行配置,完成大屏项目的开发。
3 工具栏 工具栏位于编辑器页面的最上方,您可以通过工具栏所提供的功能,切换大屏视图,添加项目过滤器、更新组件、查看帮助文档以及预览或者发布制作好的大屏。
4 页面设置 单击大屏外的空白处,页面右侧会显示页面设置面板。

在页面设置中,您可以调整屏幕的分辨率大小、设置背景颜色和图片、选择屏幕适配缩放方式、并调整栅格间距。企业版用户还有去掉DataV水印的功能。详情请参见页面设置

5 组件设置 单击大屏中任意一个组件,页面右侧会自动弹出配置数据交互三个页签。配置方法请参见组件指南

页面设置

单击大屏外的空白处,页面右侧会显示页面设置面板。

大屏页面设置入口
名称 描述
屏幕大小 设置屏幕分辨率,默认为1920 × 1080,单位为px。
背景颜色 调整大屏的背景颜色。
背景图 上传大小不超过1MB的背景图片,作为整个网页的的背景图。
重置 单击恢复默认背景,将页面设置恢复到原始状态。
页面缩放方式 根据大屏展示的屏幕尺寸,选择合适的页面缩放方式。如果您使用的大屏展示屏幕为非标准屏幕尺寸,建议使用全屏铺满模式。
栅格间距 栅格间距是组件在页面中的最小移动单位,组件的边界会自动吸附到以栅格间距为网格的边缘上。最小为1px,此时组件的移动为平滑移动。
DataV水印 取消勾选,可以取消DataV水印。
注意 仅企业版及以上版本支持DataV水印功能,基础版不支持。
缩略图 单击截取封面截取当前页面,作为我的可视化页面中大屏项目的缩略图。或者单击上传封面,自定义选择图片作为大屏项目的缩略图。