页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

手机布局用于单独配置报表在手机端上的布局排列效果。

2 业务场景

2.1 基于已有报表转手机布局

1、场景描述:在PC端制作好了仪表盘,并且设置了手机布局,出差时不方便用电脑进行访问,这时就可以通过移动设备进行查看。

...

(1)在仪表盘编辑界面,点击工具栏的 设备 按钮,点击  创建一份单独的手机布局,用于单独配置手机端的布局效果,该布局效果不影响 电脑/平板 的最终查看效果。

Image Modified

(2)创建手机布局后,默认保持和 电脑/平板 相同的布局效果,但画布大小自动切换成手机的规格。此时手动拖拽调整组件的大小和排列位置(该操作只在手机布局下生效,不影响电脑/平板报表的布局效果)。。此时对手机布局进行调整

  • 手动拖拽调整组件的大小和排列位置(这些操作只在手机布局下生效,不影响电脑/平板报表的布局效果)
  • 支持添加、删除和修改组件效果(这些操作会同时影响手机布局和电脑/平板布局效果)

Image Added

(3)点击保存报表。在电脑端和手机端分别查看该报表,效果如下:

  • 电脑/平板端

Image Added

  • 手机端

Image Added

2.2 直接创建手机布局

1、场景描述:创建手机布局报表,该报表只适用于手机端进行查看。

2、操作步骤

(1)新建一个仪表盘,点击工具栏的 设备 按钮,点击  创建一份单独的手机布局,用于单独配置手机端的布局效果。

(2)在手机布局上根据需求制作报表。

Image Added

(3)点击保存报表,弹出提示:电脑/平板布局的画布内没有组件,是否同步手机布局效果到电脑/平板上?

  • 选择“是”,则在电脑/平板端查看报表时,效果和移动端查看效果一致
  • 选择“否”,则在电脑/平板端查看报表时,报表空表

Image Added

(4)在移动端查看报表,效果如下:

Image Added

3 更多功能

在手机布局中,可以对画布大小和缩放方式进行设置。

Image Added

3.1 画布


3.2 缩放方式