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 端的仪表板。 |
2.2 调整组件
2.2.1 调整组件高度
配置区域中的组件支持调整高度,用户可以调整至合适的高度,如下图所示:
将鼠标移动至组件边框,鼠标变成小手的标识时,可以拖动组件来调整组件的顺序,如下图所示:
2.2.2 调整组件大小
1)在可视区域可以设置组件的宽度为:1/3、1/2、2/3 或者整行,如下图所示:
2)设置好组件的宽度,可以在一行中放置多个组件,如下图所示:
2.3 隐藏组件
如果仪表板中有以下说明性的文字不想要展示在移动端中,可以将组件隐藏起来,如下图所示:
若又想展示该组件,点击「展示该组件」按钮,即可重新回到左边可视区域的最下面,再重新调整组件的顺序,如下图所示: