BI 模板屏幕自适应插件

1.1 版本

1.2 应用场景

富文本、指标卡、图表标签、组件标题等的字体大小在不同分辨率下都是固定字号显示，不能自适应。做好的仪表板在不同尺寸设备上看效果会很大偏差，会出现字体串行、滚动条（非整体自适应）、或者字体和图表展示比例失衡。

笔记本做好的仪表板投屏演示时，使用 BI 模板屏幕自适应插件，仪表板内各个元素将自动根据新屏幕尺寸大小缩放，优化仪表板的查看效果。

1.3 功能介绍

BI模板屏幕自适应插件提供了用户在切换屏幕查看仪表板时，根据屏幕分辨率等比例自适应仪表板显示，从而避免出现在不同分辨率下的仪表板多滚动条显示情况。

例如制作仪表板时是分辨率为1000*800（5:4），当查看仪表板屏幕变成400*400，使用该等比例适应插件后，预览下等比缩小为400 * 320（5:4）。

注：BI模板屏幕自适应插件在编辑状态无效。

2.1 插件安装

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

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

2.2 操作方法

安装插件后在预览界面勾选并设置等比自适应即可。

3.1 设置等比自适应

以化工与金属行业产品计划达成仪表板为例，演示在不同分辨率下使用BI模板屏幕自适应插件的效果。

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

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

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

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

3.2 取消勾选等比自适应

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

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

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