1. 版本
報表服務器版本 | App 版本 | HTML5 報表展現 |
---|---|---|
10.0 | v9.3 | v10.0 |
2. 描述
2.1 應用場景
移動端支持在 body 中嵌套絕對畫布塊,使得報表制作起來更快捷方便。
body 的布局方式設置自适應布局或絕對布局,在 body 中拖入絕對畫布塊,或者在 Tab 組件中拖入絕對畫布塊,移動端都能夠顯示。
2.2 功能簡介
絕對畫布塊屬性界面如下圖所示:
注:詳細介紹可點擊:絕對畫布塊。
3. 示例
1)選擇文件>新建決策報表,添加數據集:SELECT * FROM 銷量,如下圖所示:
2)在報表中拖入絕對畫布塊1和柱形圖,在絕對畫布塊1中拖入餅圖和絕對畫布塊2,在絕對畫布塊2中拖入一個标簽控件,如下圖所示:
4. 移動端效果
4.1 作爲組件
絕對畫布塊視作一個整體的組件,絕對畫布内的組件,或者又嵌套了絕對畫布塊,都是保留布局-絕對布局顯示
1)當 body 設置爲重布局時,絕對畫布塊保留布局作爲一個整體進行排列,如下圖所示:
2)保留布局時,body 設置爲自适應布局>雙向自适應或絕對布局>适應區域,寬高按比例分配,如下圖所示:
3)保留布局時,body 設置爲自适應布局>橫向自适應或絕對布局>固定大小,寬高等比例縮放,如下圖所示:
4.2 作爲容器
絕對畫布塊内部的組件縮放邏輯如下圖設置所定:
1)适應區域:絕對畫布塊中的所有組件按比例分配,全部顯示,不存在滾動條
2)固定大小:絕對畫布塊中的所有組件等比縮放,顯示不下的有滾動條
注:絕對畫布塊内的絕對畫布塊,縮放效果一樣。
注:絕對畫布塊内的組件間隔按照決策報表制作時各組件之間的間隔比例顯示。
注:Tab 和絕對畫布塊不支持隐藏,絕對畫布塊内的的組件包括控件、圖表、報表塊支持隐藏但會占位顯示空白。
注:Tab 和絕對畫布塊不支持全屏,絕對畫布塊内的的組件包括圖表、報表塊支持全屏。
6. 已完成模板
已完成模板可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\frm\絕對畫布塊.frm
點擊下載模板:絕對畫布塊.frm