页面树结构

版本比较

标识

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

1 概述

电脑/平板布局用于配置报表在电脑/平板端上的布局排列效果。


信息

仪表盘默认情况下,只有 电脑/平板 布局,此时手机端打开使用的也是 电脑/平板 的布局效果。


2 业务场景

1、场景描述:某大型零售公司,想要在公司大屏上展示零售物流分析

2、操作步骤

(1)在仪表盘编辑界面,点击工具栏的 设备 按钮,选择合适的画布大小

Image Modified

(2)在仪表盘编辑界面,点击工具栏的 设备 按钮,设置缩放方式为 等比缩放宽度铺满 

Image Modified

(3)设计仪表盘,效果如下:

Image Modified

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

Image Modified

...

画布大小

可调整自由布局展现区的画布大小

Image Removed

  • 内置画布大小

点开画布大小下拉框,系统内置了多种常用规格可供选择

Image Removed

  • 自定义画布大小

画布大小选择自定义后,可按需输入符合自己需求的宽、高数值

Image Removed

缩放方式

自由布局支持设置缩放方式,四种缩放方式的详细说明如下:

...


3 更多功能

在电脑/平板布局中,可以对画布大小和缩放方式进行设置。

Image Added

3.1 画布

系统内置一些常用电脑屏幕规格的选择,如果内置的“屏幕规格”不满足需求时,支持自定义画布大小。

Image Added

3.2 缩放方式

电脑/平板布局支持设置缩放方式,包含:等比缩放宽度铺满、等比缩放高度铺满、全屏铺满、不缩放。

缩放方式效果

等比缩放宽度铺满

定义宽度铺满全屏,高度按比列自动缩放。

说明:

(1)当高度小于屏幕,则垂直居中显示,出现上下两边留白。

(2)当高度大于屏幕,出现垂直滚动条。




Image Added

等比缩放高度铺满

定义:高度铺满全屏,宽度按比列自动缩放。

说明:

(1)当宽度小于屏幕,则水平居中显示,出现左右两边留白。

(2)当宽度大于屏幕,出现水平滚动条。

全屏铺满

定义:不保持高宽比例,按当前屏幕大小显示全部内容。

不缩放

定义:保持画布原先的大小。



缩放方式

效果

缩放方式

效果

等比缩放宽度铺满

定义宽度铺满全屏,高度按比列自动缩放。

说明:

(1)当高度小于屏幕,则垂直居上显示,出现下边留白。

(2)当高度大于屏幕,出现垂直滚动条。

  等比缩放高度铺满

定义:高度铺满全屏,宽度按比列自动缩放。

说明:

(1)当宽度小于屏幕,则水平居中显示,出现左右两边留白。

(2)当宽度大于屏幕,出现水平滚动条。


全屏铺满

定义:不保持高宽比例,按当前屏幕大小显示全部内容。

不缩放

定义:保持画布原先的大小。


...