BI 模板屏幕自适应插件

  • 文档创建者:doreen0813
  • 编辑次数:21次
  • 最近更新:April陶 于 2020-12-14
  • 1. 概述

    1.1 版本

    FineBI 版本
    JAR 包插件版本新增功能
    5.1.22019-12-17V1.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. 插件介绍

    2.1 插件安装

    点击下载插件:BI模板屏幕自适应插件

    插件安装方法参照:插件安装

    2.2 操作方法

    安装插件后在预览界面带年纪等比自适应即可。

    3. 操作步骤

    3.1 设置等比自适应

    以医药行业销售数据分析仪表板为例,演示在不同分辨率下使用BI模板屏幕自适应插件的效果。

    1)插件安装成功后,在仪表板预览界面,页面最上方会增加一个等比自适应按钮(默认为勾选状态),并且可以通过下拉框调整比例, 如下图所示:

    64.png

    2)若在分辨率较小的屏幕上查看该仪表板,由于仪表板中字体均为固定大小,将出现字体被挡住的问题,如下图所示:

    45.png

    3)此时在预览仪表板前提下,为该仪表板勾选等比自适应按钮,并选择对应的适应比例,则仪表板中各元素均按照当前屏幕分辨率自行缩放适应,如下图所示:

    333.png

    注:如果是在大屏幕下编辑好布局后,由大屏幕切换到小屏幕后,在小屏幕下编辑了仪表板,导致布局发生变化,这时候自适应是根据小屏幕下编辑时的布局进行自适应的。

    3.2 取消勾选等比自适应

    除了手动点击取消,还可以通过在预览界面增加 URL 参数?adaptive=false取消勾选,如下图所示:

    1606993082497693.gif

    3. 注意事项

    在某个屏幕编辑后,会按照该屏幕的布局去进行自适应,若同一张仪表板,更换其他屏幕,会展示之前编辑的屏幕的自适应布局。

    若需要按照更换屏幕后的自适应布局显示,需要点击仪表板的「编辑」按钮,如下图所示:

    1600655071904901.png

    附件列表


    主题: 制作仪表板
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-127-81526