1. 概述
1.1 版本
報表服務器版本 | 功能變更 |
---|---|
11.0 | - |
注2:本文僅適用於 PC 端,行動端自適應方法請參見:【通用】行動端自適應。
1.2 應用場景
PC 端,用戶預覽模板希望能夠根據屏幕分辨率自适應。
1.3 功能簡介
普通報表可設置字體(自适應、不自适應)、表格(橫向自适應、雙向自适應、不自适應)。
可視化看板可設置畫布(自動、高度鋪滿、寬度鋪滿、雙向鋪滿、不自适應)。
決策報表可設置字體(自适應、不自适應)、報表縮放方式(雙向自适應、橫向自适應、不自适應)。
注:「數據分析預覽」不支持自适應屬性。
2. 普通報表
2.1 設置方式
點擊「模板>PC 端自适應屬性」,點擊「PC 端報表塊自适應屬性」面板,可以選擇「采用服務器設置」或「爲該模板單獨設置」,如下圖所示:
2.1.1 采用服務器設置
默認選中「采用服務器設置」,設置對設計器下所有「采用服務器設置」的模板均生效。如下圖所示:
2.1.2 爲該模板單獨設置
選擇「爲該模板單獨設置」,則「字體」和「表格」自适應設置僅對當前模板生效。如下圖所示:
2.2 自适應邏輯
自适應屬性 | 效果 | 縮放邏輯 | 注意事項 |
---|---|---|---|
字體不自适應 | 字體大小原樣輸出 | - | - |
字體自适應 | 字體大小會根據浏覽器的大小縮放 | 縮放比例 = 浏覽器頁面寬度 / 老的報表頁面配置寬度 | 表格不自适應時,字體自适應不生效 |
表格不自适應 | 表格大小原樣輸出 | - | - |
表格橫向自适應 | 模板橫向充滿浏覽器窗口寬度 | 新頁面寬度 = 浏覽器寬度 新頁面高度 = 浏覽器頁面寬度 / (老報表頁面設置的寬度 / 老報表頁面高度) | 橫向單元格過多時, 單元格只能縮小到一定比例,橫向強制分頁 |
表格雙向自适應 | 模板雙向充滿浏覽器窗口大小 | 新頁面寬度 = 浏覽器寬度 新頁面高度 = 浏覽器高度 | 單元格過多時, 單元格只能縮小到一定比例,橫向強制分頁,縱向出現滾動條 |
注1:一定比例爲 0.4,浏覽器中報表的寬高 / 正文寬高 < 0.4
注2:參數界面不自适應
注3:當設置有「凍結行」時,行高被限制,雙向自适應則不生效,等同於「橫向自适應或不自适應」
3. 可視化看板
詳情請參見文檔 FVS 畫布自适應
4. 決策報表
詳情請參見文檔 決策報表自适應屬性
5. 移動端自适應
本文的「PC 端自适應屬性/PC 端報表塊自适應屬性」對移動端不生效。移動端自适應設置請參見:通用】行動端自適應 。
6. 注意事項
6.1 模板設置橫向自适應後,預覽字體模糊
問題描述:
模板設置橫向自适應後,預覽字體模糊。
解決方案:
橫向自适應會預留滾動條,因此右側出現一點空白,導緻字體顯示稍微模糊,屬於正常效果。
用戶若希望字體清楚,可設置雙向自适應。
6.2 設置雙向自适應後依舊有滾動條
問題描述:
決策報表設置 PC 端雙向自适應,body 雙向自适應,報表塊雙向自适應後,改變浏覽器頁面大小,還是會出現滾動條。
原因分析:
屬於系統 DPI 問題,分辨率爲 1920*1080 ,縮放率爲 125% 時,會出現橫向滾動條,前台會隐藏該滾動條,但滾動條依然是存在的。
解決方案:
将縮放設置爲 100% 。
若因報表塊内容過多而導緻滾動條產生,可以通過限制内容或隐藏滾動條的方法去除滾動條,請參見:隐藏滾動條 。
6.3 設置凍結後自适應下報表有空白
問題描述:
決策報表的舊自适應中,當報表塊中設置了凍結,在自适應的情況下,出現報表内容沒有撐滿全屏幕,四周有空白的問題。
解決方案:
将決策報表切換爲新自适應即可。