1. 概述
製作決策報表時,為了佈局規範,設計者常常使用樣式相同的圖表或報表塊。FineReport 提供決策報表內組件複製貼上,並且在「絕對佈局」下,支援組件重疊放置。
注:組件摺疊後不支援匯出 。
1.1 預期效果
範例將實現,中國地圖上,三個不同省份的銷量以柱狀圖展示、柱狀圖時間為一週,座標為星期。如下圖所示:
1.2 實現思路
以地圖為底層圖層,將柱形圖疊放於上,直覺地展示區域資料。
2. 範例
2.1 建立範本
1)點選設計器左上角「檔案>建立決策報表>建立空白範本」,點選確定,進入建立的決策報表中。
2)點選頂部菜單欄「範本>PC端自適應屬性」,將報表佈局修改為「絕對佈局>不自動調整」,這樣可確定組件位置不會有大的變動。如下圖所示:
2.2 準備資料
新增 內建資料集,為地圖和柱狀圖準備資料。如下圖所示:
2.3 新增地圖
1)在圖表中,將「地圖」拖入決策報表 body 中,如下圖所示:
2)地圖資料和樣式設定可參考 區域地圖 設定並修改,最終樣式如下圖所示:
2.4 新增柱形圖
1)在圖表中,將「柱形圖」拖入決策報表 body 中,調整大小,疊放於地圖上西藏自治區,如下圖所示:
2)設定柱形圖圓角屬性和柱子寬度,設定可參考 自訂柱形圓角屬性和寬度,最終樣式如下圖所示:
3)選中柱形圖,複製貼上兩次,柱形圖組件重疊錯開放置。如下圖所示:
注:為避免組件重疊改寫,請先選中處於上層的組件,再進行貼上
4)貼上完成後,修改其資料、大小和位置,效果如下圖所示:
2.5 效果預覽
2.5.1 PC 端
儲存範本,點選「PC端預覽」,效果如下圖所示:
2.5.2 行動端
行動端預設勾選了「手機重佈局」,則會根據範本組件順序依次展示。如下圖所示:
若取消勾選「手機重佈局」,如下圖所示:
則預覽效果如下圖:
3. 範本下載
點選下載範本:決策報表元件重疊.frm