历史版本7 :仪表板自适应 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

FineBI 版本功能变动
6.0.7-
6.0.13仪表板自适应悬浮球效果优化

1.2 应用场景

用户在制作好仪表板给其他人查看的时候,经常遇到由于不同屏幕分辨率、长宽比、大小屏幕切换、浏览器缩放等问题导致仪表板变形或者显示不全等问题。

例如:

  • 文本组件在不同分辨率电脑中的显示会有比较大的差异

  • 表格换行后仍然不能显示所有内容等

此时可以通过「自适应」设置调整仪表板显示状态。

1.3 功能简介

制作好仪表板后,可以在仪表板编辑界面设置「自适应」的效果。如下图所示:

2023-01-13_14-19-56.png


功能说明
编辑时的基准尺寸
  • 仪表板编辑时,进行仪表板的尺寸配置

  • 支持两种尺寸配置:自动(默认)、固定大小

预览时的适应规则
  • 仪表板预览时(目录、分析主题预览、仪表板预览),自适应的规则

  • 预览时的适应规则选项会跟随编辑时的基准尺寸的设置项变化

  • 可以在仪表板编辑界面预设置,也可以在预览界面再次修改(预览时修改不会保存)

预览时的适应规则选项会跟随编辑时的基准尺寸的设置项变化详情。如下表所示:


编辑时基准尺寸
说明预览时的适应规则
自动(默认)

自动适应并充满屏幕

  • 布局及内容缩放(默认)

  • 布局缩放

2023-02-02_10-59-00.png

固定大小

按设置尺寸显示,适用的场景:

1、制作视觉效果较为复杂的汇报看板或驾驶舱

2、使用较多悬浮组件的仪表板

  • 原始尺寸(默认)

  • 宽度适应:保证左右不留白或者出滚动条

  • 高度适应:保证上下不留白或者出滚动条

  • 屏幕适应:编辑仪表板时的一屏内容预览时也能够一屏显示

2023-01-13_14-34-45.png


1.4 注意事项

  • IE11浏览器不支持该功能。

  • 默认情况下,编辑时基准尺寸为自动,预览时规则为布局及内容缩放

  • 预览时适应规则的设置,只有预览仪表板才能看到效果。

2. 自动编辑

默认情况下,编辑时的基准尺寸为「自动」,预览时的适应规则为「布局及内容缩放」。

若修改为「布局缩放」,如下图所示:

2023-02-02_10-45-53.png

「布局缩放」效果如下图所示:

2023-02-02_10-49-09.png

若设置「布局及内容缩放」后。如下图所示:

「布局及内容缩放」:编辑时基准尺寸屏幕中的内容横向和纵向都会撑满屏幕,模版中的内容元素基于当前预览时的屏幕尺寸和基准尺寸计算出比例,进行缩放显示。

2023-02-02_10-49-30.png

3. 固定大小编辑

编辑设置仪表板的默认自适应效果为「固定大小」,选择一个适合自己电脑分辨率的尺寸(支撑自定义)。默认的预览时的适应规则为「原始尺寸」。如下图所示:

2023-02-02_17-35-46.png

进入预览界面查看效果。如下图所示:

2023-02-02_17-35-23.png


4. 注意事项编辑

当用户需要使用其他仪表板内容时,会使用Web组件插入公共链接。

BI6.0.13版本及之后当鼠标悬浮到对应的Web组件上,会显示仪表板的自适应悬浮球,点击调整自适应效果,如下图所示:

未将鼠标悬浮至组件时,不显示自适应悬浮球。

2023-08-08_11-26-33.png