仪表板移动端布局
1. 概述
1.1 应用场景
移动办公时，用户需要通过移动设备查看仪表板的数据。
用户可以对 PC 端 和移动端共用一张仪表板，只需要设计移动端的布局样式即可，减少维护成本。
1.2 功能简介
本产品在仪表板编辑界面提供了移动端布局功能，方便用户设计移动端展示的图表以及展示顺序。
进入仪表板编辑界面，点击「移动端布局」。如下图所示：
2. 移动端布局
2.1 移动端布局界面
移动端布局设置界面如下图所示，默认将所有组件展示在可视区域 ③ 中。
序号 | 功能 | 说明 |
1 | 分页区域 | 分页区域位置由画布下方变更为画布左侧，包括「预览播放设置」、「查询面板设置」及「展开收起」按钮。 |
2 | 组件列表 | 点击页面底部的「组件顺序 且组件列表中组件操作仅支持隐藏、重命名和移动顺序，不支持删除。 |
3 | 画布区域 | 在此区域中调整组件展示顺序 移动端布局时，默认展示 PC 端画布中的所有组件，且不允许删除、添加组件，请在 PC 端调整好展示的组件，再进行移动端布局。 |
4 | 页面属性 | 移动端页面支持单独设置页面背景、页面边距及组件间隙等，不影响 PC 端效果。 |
5 | 工具栏 | 支持撤销、还原操作；支持调整组件展示宽度 |
6 | 画布尺寸 | 支持根据移动端型号调整画布尺寸；支持调整画布区域的尺寸大小 |
2.2 移动端组件规则
下表中将介绍一些移动端布局时，组件的展示规则：
与 PC 端组件关系 | 1）移动端组件默认完全继承 PC 端组件的内容，支持对移动端组件单独修改，修改后不再继承 PC 端内容。 2）完全处于 PC 端画布外的组件，在移动端画布及组件列表中均不显示。 3）移动端布局时，不支持在移动端添加、删除组件。 |
组件展示顺序 | 1）默认顺序继承 PC 端画布从左到右、从上到下的组件/组合顺序，图层重叠时按照从顶层至底层的顺序进行展示。 2）若调整组件宽度并列展示时，画布中从左到右的顺序即为列表中从上到下的顺序。 3）在移动端调整过组件位置后，后续 PC 端新增的组件/组合均展示在移动端画布最下方。 4）当最外层组件/组合隐藏时，下方组件向上补足空位；组合/绝对画布内组件隐藏后保留空白位置。 |
2.3 调整组件
1）所有组件/组合均支持移动顺序，可对移动端展示效果重新布局。
2）所有组件/组合均可自由调整宽高，宽度最大值为画布宽度，高度最大值不限。
3）支持通过顶部工具栏「调整宽度」，也可以右击快捷设置组件宽度为1/2、1/3、1/4、2/3 、3/4 或者整行，当需要在一行中展示三个指标卡时，可使用此功能快捷调整。
2.4 组件样式
1）在右侧面板中可以对组件样式自定义设置，例如交互效果、组件样式、组件属性等。如下图所示：
2）凡是带有移动端 icon 的配置项，修改前默认跟随 PC 端变化，修改后不再受 PC 端影响。其余未带有移动端 icon 的设置项将与 PC 端保持同步变化。
3. 注意事项
若组件在 PC 端仅重叠展示（非组合），在移动端布局时会按照组件顺序从上到下展示，若想在移动端展示重叠效果时，请回到 PC 端中将组件 组合。
400-111-0890
在线咨询