1. 概述
1.1 版本
FineBI 版本 | JAR 包 | 插件版本 | 新增功能 |
---|---|---|---|
5.1.2 | 2019-12-17 | V1.1.33 | - |
V1.1.4 | 支持自定义缩放比 | ||
V1.1.48 | 支持通过 URL 参数(adaptive=false)取消勾选等比自适应 |
1.2 应用场景
富文本、指标卡、图表标签、组件标题等的字体大小在不同分辨率下都是固定字号显示,不能自适应。做好的仪表板在不同尺寸设备上看效果会很大偏差,会出现字体串行、滚动条(非整体自适应)、或者字体和图表展示比例失衡。
笔记本做好的仪表板投屏演示时,使用 BI 模板屏幕自适应插件,仪表板内各个元素将自动根据新屏幕尺寸大小缩放,优化仪表板的查看效果。
1.3 功能介绍
BI模板屏幕自适应插件提供了用户在切换屏幕查看仪表板时,根据屏幕分辨率等比例自适应仪表板显示,从而避免出现在不同分辨率下的仪表板多滚动条显示情况。
例如制作仪表板时是分辨率为1000*800(5:4),当查看仪表板屏幕变成400*400,使用该等比例适应插件后,预览下等比缩小为400 * 320(5:4)。
注:BI模板屏幕自适应插件在编辑状态无效。
2. 插件介绍
3. 操作步骤
3.1 设置等比自适应
以化工与金属行业产品计划达成仪表板为例,演示在不同分辨率下使用BI模板屏幕自适应插件的效果。
1)插件安装成功后,在仪表板预览界面,页面最上方会增加一个等比自适应按钮(默认为勾选状态),并且可以通过下拉框调整比例, 如下图所示:
2)若在分辨率较小的屏幕上查看该仪表板,由于仪表板中字体均为固定大小,将出现字体被挡住的问题,如下图所示:
3)此时在预览仪表板前提下,为该仪表板勾选等比自适应按钮,并选择对应的适应比例,则仪表板中各元素均按照当前屏幕分辨率自行缩放适应,如下图所示:
注:如果是在大屏幕下编辑好布局后,由大屏幕切换到小屏幕后,在小屏幕下编辑了仪表板,导致布局发生变化,这时候自适应是根据小屏幕下编辑时的布局进行自适应的。
3.2 取消勾选等比自适应
除了手动点击取消,还可以通过在预览界面增加 URL 参数?adaptive=false取消勾选,如下图所示:
3. 注意事项
在某个屏幕编辑后,会按照该屏幕的布局去进行自适应,若同一张仪表板,更换其他屏幕,会展示之前编辑的屏幕的自适应布局。
若需要按照更换屏幕后的自适应布局显示,需要点击仪表板的「编辑」按钮,如下图所示: