历史版本6 :移动端布局 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 应用场景
移动办公时，用户需要通过移动设备查看仪表板的数据。
用户可以对 PC 端 和移动端共用一张仪表板，只需要设计移动端的布局样式即可，减少维护成本。
1.2 功能简介
九数云在仪表板编辑界面提供了移动端布局功能，方便用户设计移动端展示的图表以及展示顺序。
在仪表板编辑界面点击「更多>移动端布局」进入界面。如下图所示：
1.3 注意事项
「移动端布局」仅在仪表板编辑存在，仪表板预览界面没有该按钮。
移动端的主题色、文本字体等配置是继承 PC 端的设置，不可单独配置。
2. 移动端布局编辑
2.1 移动端布局界面
移动端布局设置界面如下图所示，默认将所有图表展示在可视区域 ④ 中。
| 序号 | 功能 | 说明 |
|---|---|---|
| 1 | 画布规格 | 提供七种画布规格： HUAWEI P30、Android、iPhone 13/pro、iPhone 11pro Max、 iPhone 8 plus、iPhone 8、HUAWEU Mate Xs，用户可自行选择。 |
| 2 | 画布缩放比 | 点击可以切换画布比例，画布在可视区域 ④ 进行等比缩放，缩放不影响移动端实际展示效果。 |
| 3 | 清空画布 | 清空画布可将可视区域 ④ 的图表全部清除，放置在 ⑤ 区域，用户可自行添加在移动端需要展示的图表。 |
| 4 | 可视区域 | 在这个区域的图表将会在移动端进行展示 |
| 5 | 隐藏的组件 | 隐藏的组件将不会在移动端进行展示，且不会影响到 PC 端的仪表板。 |
| 6 | 返回仪表板 | 返回 PC 端仪表板编辑界面 |
| 7 | 保存 | 保存当前仪表板和移动端布局并生效 |
2.2 调整组件
2.2.1 调整组件高度
配置区域中的组件支持调整高度，用户可以调整至合适的高度，如下图所示：
将鼠标移动至组件边框，鼠标变成小手的标识时，可以拖动组件来调整组件的顺序，如下图所示：
2.2.2 调整组件大小
在可视区域可以设置组件的宽度为：1/3、1/2、2/3 或者整行，如下图所示：
设置好组件的宽度，可以在一行中放置多个组件，如下图所示：
2.3 隐藏组件
如果仪表板中有以下说明性的文字不想要展示在移动端中，可以将组件隐藏起来，如下图所示：
若又想展示该组件，点击「展示该组件」按钮，即可重新回到左边可视区域的最下面，再重新调整组件的顺序，如下图所示：
