大屏编辑界面

更新时间：2021-07-12

如何新建并快速开始制作一个大屏页面，请参见快速入门中的大屏制作。本章节将为您介绍大屏编辑时的一些基本操作。

大屏的编辑页面

大屏编辑的界面与报表的类似，分为以下几个区域：

顶部工具栏：在这里您可以添加新的图表，并对大屏进行保存等操作。
左侧图层管理：在这里可以通过拖拽的方式改变图表的图层顺序，从而控制图表之间的相互覆盖顺序，列表中越靠上的图表在大屏中就越靠近屏幕上层。图层管理可以默认收起或调整宽度。
右侧控制面板：在没有选中图表的时候，这里可以对大屏本身的配置进行调整；选中某个图表的时候，这里可以对这个图表的位置、大小、样式、数据等进行配置。控制面板也可以默认收起或调整宽度。
底部工具栏：这里可以调整大屏编辑时的缩放百分比，方便您进行放大来查看和调整细节部分。在大屏内容区按住 ctrl 或 command 键再滚动鼠标滚轮也可以缩放。
中心大屏部分：中心部分是您编辑的大屏的主体，在这里您可以通过拖拽的方式调整图表的位置、大小，并在单击选中图表之后可以进行图表的复制和删除等操作。

设置项搜索

控制面板的设置项搜索可以搜索当前控制面板的所有设置项，也支持指定的搜索方式如"高级标签"多个字符中间用空格隔开，点击搜索结果列表的某一项就可以直接跳转到该设置项的具体位置。列表中有蓝色字体的设置项可能在当前控制面板下是不显示的。

大屏整体配置

如下图，点击页面顶部的大屏名称，右侧的控制面板即展示大屏页面的整体配置，在这里你可更改大屏的名称、大小、背景图片、整体的页面主题配色、并且还可以给页面设置水印。

基础配置

大屏整体配置中的一些基础配置如下：

大屏名称

您可以修改大屏的名称
宽度/高度

设置屏幕分辨率，一般默认为 1920 × 1080，单位为 px，您可以更改
网格设置

网格间距是组件在页面中的最小移动单位，组件的边界会自动吸附到以网格间距为格子的边缘上。最小为 1px，此时组件的移动为平滑移动。在拖动组件的时候，网格会自动显示出来，方便您和其它组件进行位置的对齐。您也可以设置默认就「显示网格」。
缩放方式

您需要根据大屏最终展示的屏幕尺寸，选择合适的页面缩放方式。如果您使用的大屏展示屏幕是非标准屏幕尺寸，建议使用全屏铺满模式。
背景设置

您可以设置大屏的背景，可以上传图片、设置颜色、透明度等

颜色主题

大屏页面可以设置整体页面的主题配色，选择主题中有内置主题和自定义主题，我们内置了十多种主题配色，例如我们将主题设置为 warm，效果如下（当然，每个图表也可以单独设置自己的自定义的配色，详见图表组件操作）：

大屏导出 Excel/图片

大屏可以导出页面数据为 Excel，Tab 控件内的图表数据也会全部导出，每个图表为一个 Sheet。大屏也可以导出页面为图片，页面内图表组件很多的建议使用截屏工具。

禁止图表导出 Excel/CSV/图片

大屏中可以整体设置禁止图表的数据导出功能，禁用后，页面上的所有图表都不能导出数据。

大屏的公开分享页面支持每天凌晨自动刷新页面，应用场景主要是用户在设备上打开某个大屏后一直处在展示状态，由于设备内存较小，一直不刷新页面可能导致页面卡顿的情况。

如果用户不需要大屏自动刷新可以在「大屏页面整体设置」->「禁用导出和其它」->「关闭凌晨自动刷新」中关闭自动刷新。

注：大屏凌晨自动刷新是页面刷新不是数据刷新

大屏水印设置

大屏页面可以开启水印，如下图：

水印中还可以嵌入页面 URL 的参数，如下：

水印中嵌入页面 URL 参数的语法是：{querys.key}，其中key是参数名称。

页面级字体设置

页面可以设置整个页面内各个组件的字体、字号、字体颜色、字体粗细，包括「基础图表」「高级图表」「表格」「指标」「文字」「过滤条件」。大部分图表组件的页面级字体设置都可以生效，但为了保证页面正常展示，过滤条件和一小部分图表组件的字体颜色、字体大小不会生效，例如页面级字体大小在轮播表格不生效。页面级字体设置优先级较低，无法将图表字体全部替换或覆盖，建议添加图表前先配置好。

优先级：单项设置（例如图表标签设置的字体颜色）> 图表字体设置 > 页面级字体设置。