大屏编辑器

在数据可视化功能中，通过【新建可视化】或【编辑】已创建的大屏进入大屏编辑器，如上图所示，大屏编辑器分为五个区域：

• 1. 组件工具栏区：组件工具栏区中包含所有可用的图表组件，并且可对当前数据大屏进行放大和缩小，以此来完整显示一个大屏。预览操作可对已经配置好的大屏进行预览。

• 2. 图层控制区：图层控制区中会显示所有在大屏中的组件，并可在此区域中对组件进行图层的操作，包含"上移一层"，"下移一层"，"置于顶层"，"置于底层"等操作。

• 3. 大屏画布区：大屏画布区则是图表的展示区域，其中黑色大屏部分是显示给用户的区域，在此区域中配置的图表均会展示给用户，若图表配置在黑色部分外，则无法展示出来。此区域中包含两条横向对照线和三条竖向的对照线，方便进行图表配置时将两个图表进行对齐。

• 4. 属性配置区：属性配置区可以对大屏的属性和图表的属性进行配置，当前选中那个组件，则配置区中即会显示哪个图表的属性配置信息。对于大屏配置来讲，当前支持对大屏的尺寸进行设置，以满足在不同尺寸的终端上查看大屏的需求。对于图表配置来讲，当前包含对图表的样式配置和数据配置。样式配置用来调整图表样式，数据配置为图表提供数据源。

• 5. 页面控制区：页面控制区会显示一组大屏与页面的目录，并可在此区域对该组大屏及页面进行操作，包含切换大屏、拖拽排序、重命名、复制、删除的操作。

新增组件

点击"组件工具栏"中的组件分类，弹出组件列表，点击选择一个组件，该组件即可出现在大屏中。

删除组件

• 方法一：选中大屏中的一个组件（选中状态的组件边框含有蓝绿色虚线，如上图所示），通过键盘中的"delete"按键完成组件删除的操作

• 方法二：在图层控制区右键点击需要删除的组件，在弹出框中选择【删除】，确认删除后，即可完成删除操作。

复制组件

• 方式一：

Windows系统下，在中间画布区选中某个组件，在键盘中按住ctrl+C复制，ctrl+V粘贴；

Mac系统下，在中间画布区选中某个组件，在键盘中按住cmd+C复制，cmd+V粘贴；

• 方式二：在中间画布区选中某个组件，右键点击需要复制的组件，在弹出框中选择【复制】，即可完成复制组件操作

• 方法三：在图层控制区右键点击需要复制的组件，在弹出框中选择【复制】，即可完成复制组件操作。

多选组件

对组件多选有三种方式：

• 方式一：

Windows系统下，在左侧图层控制区中按住ctrl键，点击多个组件，完成组件的多选操作；

Mac系统下，在左侧图层控制区中按住cmd键，点击多个组件，完成组件的多选操作；

• 方式二：

Windows系统下，在中间画布区的大屏中按住ctrl键，点击多个组件，完成组件的多选操作；

Mac系统下，在中间画布区的大屏中按住cmd键，点击多个组件，完成组件的多选操作；

• 方式三：

在大屏配置端，按住鼠标左键（此为第一个点），拖动鼠标，直至用户松开鼠标左键（此为第二个点），以这两个点为长方形两个对角线的顶点，以这两个点出发的两条水平线和两条竖直线构成的鼠标选中区域，当一个图表完全包含在选中区域中时，此图表被选中。

鼠标放开，选中区域中完全被包含的组件。

组件成组或取消成组

当用户选中两个及以上的组件时，可将选中的组件归为一组，已成组的组件，移动时同时移动，已成组的组件可取消成组；
成组后组件后的操作说明：

成组后，选中某个组点击鼠标右键，可进行组件操作包括：上移一层，下移一层，置于顶层，置于底层，删除、复制、重命名、成组/取消成组，锁定/解锁，其上移一层、下移一层、至于顶层或底层时，原组件的层级关系不变，整组上移、下移、置顶或至底。删除、复制、成组/取消成组，锁定/解锁 操作针对所有组件。

当选中某个组时，右侧仅显示选中的多个组件组成的整体的图表尺寸和位置，以多个组件中最左最上点，和最右最下点为对角线的两个点，组成的长方形为尺寸和位置来显示。

组内的组件也可以被选中，并与其他正常组件一样做正常组件的所有操作。选中组内组件的方式有两种：1、在左侧图层控制区鼠标单击选中；2、在大屏中选中组件组后，单击组内任意位置后即可进行对组内组件的选中和编辑。也可以通过鼠标拖拽移动图层的方式，将组内的某个组件移出到组外，或将组外的某个组件移入组内。

组件收藏

为了方便大家重复调整相同组件的样式交互等，增加组件的复用性，莫奈支持收藏功能，收藏后的组件可以在我的收藏中看到。莫奈也为大家内置了一些大家利用率较高的组合组件，可以在猜你喜欢中看到。

可以收藏单个组件，也可以收藏多个组件；单个组件的话，直接右键单击就可以选择收藏，之后在弹框中输入收藏的组件的名称-确定，之后就可以在我的收藏中看到该组件。

对于多个组件的收藏，有两种方式：

方式一：同时选择多个组件，成组后，右键即可收藏，步骤和单个组件的收藏完全相同。

方式二：同时选中多个组件后，右键单击，即可看到"成组并收藏"这个选项，点击后输入收藏组件名，之后就可以在我的收藏中看到这个组合组件。

为了避免收藏组件过多而找不到的状况，在我的收藏中还可以通过模糊搜索的方式找到自己收藏的组件：

收藏组件删除：

在我的收藏中，已收藏组件右上角有一个删除按钮，点击删除，即可移除我的收藏中该收藏组件。

收藏组件管理

我的收藏下方位置有个管理，鼠标左键单击，就可进入管理界面。可以同时删除多个收藏组件。

组件重命名

对组件进行重命名有两种方式：

• 方式一：在左侧图层控制区中右键组件，在弹出框中选择【重命名】，组件名称变成可编辑状态，输入组件名称，按回车键或其他位置，完成保存。
  

• 方式二：在大屏中选中某个组件后点击鼠标右键，在弹出框中选择【重命名】，在左侧图层区可以看到组件名称变成可编辑状态，输入组件名称，按回车键或其他位置，完成保存。
  

组件锁定和解锁

锁定后的组件，在画布中不能被不能选中，不能进行其他任何操作。

对组件进行锁定有两种方式：

方式一：在左侧图层控制区中选中一个或多个组件，点击鼠标右键，在弹出框中选择【锁定】，完成组件的锁定。

方式二：在大屏中选中一个或多个组件后点击鼠标右键，在弹出框中选择【锁定】，完成组件的锁定。

对组件进行解锁的方式：

在左侧图层控制区中选中被锁定的一个或多个组件，点击鼠标右键，在弹出框中选择【解锁】，完成组件的解锁；

点击已锁定的组件名称后的锁定图标，可实现一键解锁。

图层操作

上移一层

• 方式一：在图层控制区中右键组件，在弹出框中选择【上移一层】，完成此操作。此组件所在图层上移一层。

• 方式二：在大屏中选中某个组件后点击鼠标右键，在弹出框中选择【上移一层】，完成此操作。此组件所在图层上移一层。

下移一层

• 方式一：在图层控制区右键组件，在弹出框中选择【下移一层】，完成此操作。此组件所在图层下移一层。

• 方式二：在大屏中选中某个组件后点击鼠标右键，在弹出框中选择【下移一层】，完成此操作。此组件所在图层上移一层。

置于顶层

• 方式一：在图层控制区右键组件，在弹出框中选择【置顶】，完成此操作。此组件将置于当前大屏所有组件的最上方。

• 方式二：在大屏中选中某个组件后点击鼠标右键，在弹出框中选择【置顶】，完成此操作。此组件所在图层上移一层。

置于底层

• 方式一：在图层控制区右键组件，在弹出框中选择【置底部】，完成此操作。此组件将置于当前大屏所有组件的最底部。

• 方式二：在大屏中选中某个组件后点击鼠标右键，在弹出框中选择【置底部】，完成此操作。此组件所在图层上移一层。

移动至任意图层

• 在图层控制区，选中一个组件，向上或向下拖动完成此组件的图层调整。（当前仅支持单个组件的进行拖动调整其图层）

移动组件

• 方式一：选中某个组件后，鼠标左键选中后拖动组件，完成组件在大屏中的位置移动；

• 方式二：选中某个组件后，点击键盘中的上、下、左、右键，完成组件在大屏中的位置移动；

组件对齐

当选中两个及以上组件后支持组件对齐功能，包含左对齐、左右居中、右对齐、上对齐、下对齐、上下居中。

选中两个及以上的组件，点击工具栏右上方的对齐，选择对齐方案，完成对齐操作。

• 左对齐：所有选中的图表以最左侧的边为基准进行对齐；

• 左右居中：所有选中的图表垂直中线在同一条直线上；

• 右对齐：所有选中的图表以最右侧的边为基准进行对齐；

• 上对齐：所有选中的图表以最上面的边为基准进行对齐；

• 上下居中：所有选中的图表水平中线在同一条直线上；

• 下对齐：所有选中的图表以最下面的边为基准进行对齐；

组件分布

当选中三个及三个以上组件，支持组件分布功能，包含 纵向分布、横向分布。

选中三个及以上的组件，点击工具栏右上方的横向分布，完成横向分布操作。

选中三个及以上的组件，点击工具栏右上方的纵向分布，完成纵向分布操作。

• 横向分布：以最左侧图表的左侧边和自右侧图表的右侧边为准线，选中的图表间距等分；

• 纵向分布：以最上侧图表的上侧边和自下侧图表的下侧边为准线，选中的图表间距等分；

组件格式刷

选中组件后启用格式刷功能，随后点击另一组件可以将组件中的 公共样式配置项 按照A的样式复制到B组件中（"公共样式配置项"是指：层级相同并且配置项名称相同）。

编辑页标尺功能

为了让用户更加方便地对组件位置进行调整，在大屏的横竖两侧，分别有标尺供用户进行参考。

在插入任意组件时，选中组件，便可以在组件左上方看到辅助基准对其的辅助线，用户可以借助辅助线对组件位置进行对齐。

页面操作

新增页面

通过点击页面栏的"+"可以新增一个页面

重命名页面

• 方式一：在相应页面名称之后，悬浮鼠标，通过点击重命名图标，页面名称变成可编辑状态，输入页面名称，按回车键或其他位置，完成保存。

• 方式二：在页面控制区中右键单击需要重命名的页面，在弹出框中选择【重命名】，页面名称变成可编辑状态，输入页面名称，按回车键或其他位置，完成保存。

复制页面

• 方式一：在相应页面名称之后，悬浮鼠标，通过点击复制页面图标，即可完成复制。

• 方式二：在页面控制区中右键单击需要复制的页面，在弹出框中选择【复制页面】，即可完成复制。

删除页面

• 在页面控制区中右键单击需要删除的页面，在弹出框中选择【删除页面】，在弹出框中选择【删除】，即可完成删除操作。

撤回和取消撤回操作

在大屏配置中，通过点击左上角的"后退"按钮对您上一次的操作进行撤销；通过点击左上角"前进"按钮对您上一次的撤回操作进行撤销。

同时，您也可以通过使用快捷键Ctrl+Z进行后退操作，也可以用Ctrl+Shift+Z进行取消撤回操作。

主题功能

通过右上角主题切换按钮，对当前大屏内组件的样式进行整体的调整，目前工具中预置了三种主题样式设置：科技风、商务风和简约风，以满足客户对不同业务场景的使用需求。

科技风：

商务风：

简约风：

三种风格可在任意时候切换，且图表中如果有自定义样式设置，也可以通过点击"恢复到组件初始化状态"按钮让组件恢复到主题原有的样式设置上。

对齐功能

组件对齐提示，在组件拖拽过程中，可以分别通过组件的水平中线、垂直中线、上边框延伸线、左边框延伸线、右边框延伸线、下边框延伸线与其他组件之间进行对齐。在距离对齐基准线1px是增加吸附功能，方便用户操作。

编辑器页面大屏拖拽操作

在编辑器页面按住space键对大屏编辑器开启拖拽功能，用户可以按住鼠标左边进行画布视窗拖拽。