反饋已提交

網絡繁忙

絕對畫布塊

1. 概述

1.1 版本

報表伺服器版本
11.0

1.2 應用場景

決策報表中,絕對畫布塊相當於一個 絕對佈局 的空白畫布,其中的組件以絕對佈局的方式顯示。

  • 自適應佈局時,body 內巢狀其他組件和絕對畫布塊,絕對畫布塊內巢狀其他組件,可實現整體自適應佈局,部分絕對佈局的效果,如下圖所示:

  • Tab 塊內巢狀絕對畫布塊,絕對畫布塊內巢狀其他組件。Tab 塊為自適應佈局,巢狀絕對畫布塊後可實現 Tab 塊內絕對佈局的效果,如下圖所示:

2. 功能介紹

2.1 新增絕對畫布塊

1)點選菜單欄「檔案>建立其他範本>建立決策報表」,選擇「建立空白範本」,點選「確定」,如下圖所示:

2)將左上角的絕對畫布塊拖入 body 中,如下圖所示:

2.2 編輯絕對畫布塊

雙擊絕對畫布塊,或者選中絕對畫布塊後點選右上角編輯按鈕,可進入編輯狀態,進入編輯狀態後才可向絕對畫布塊中拖入或貼上組件。

  • 拖入組件時,需保證被拖入組件尺寸小於絕對畫布塊的尺寸,且需將組件完全拖入到絕對畫布塊中,才能成功put 命令組件,如下圖所示:

  • 若組件已存在於 body 中,只能複製貼上到絕對畫布塊,無法直接拖入,且需保證貼上的組件尺寸小於絕對畫布塊的尺寸,才能成功貼上,如下圖所示:

  • 被拖入或貼上的組件尺寸必須小於絕對畫布塊的尺寸,否則會提示 無法新增到該區域 或 組件大小超出邊框,無法貼上  ,如下圖所示:

2.3 屬性

選中右側的「absolute0」,「屬性」的設定項與菜單欄「範本>PC端自適應屬性>佈局方式」有關,自適應佈局和絕對佈局下的設定項略有不同,如下圖所示:

各設定項及說明如下表所示:

設定項
說明
基本組件名稱支援設定組件名稱,不支援為空或重複,預設為 absolute+數字後綴,依次累加
座標 · 尺寸
組件位置僅絕對佈局時,支援設定組件位置
組件大小支援設定組件大小

2.4 行動端

點選右側的「absolute0」,「行動端」的設定項與 body 是否勾選「手機重佈局」有關,保留佈局下無可用配置項,重佈局下僅有一個設定項「進階>顯示該層級下的組件導航」,如下圖所示:

注:顯示該層級下的組件導航,詳情參見[通用]組件導航快速定位

3. 範例

3.1 建立決策報表

1)點選菜單欄「檔案>建立其他範本>建立決策報表」,選擇「建立空白範本」,點選「確定」,如下圖所示:

3.2 準備資料

1)點選左下方資料集管理面板的「+」按鈕,選擇「資料庫查詢」。

2)建立資料庫查詢「ds1」,輸入 SQL 語句:SELECT * FROM 銷量  ,點選「確定」,如下圖所示:

3.3 設計表單

1)將上方的餅圖、絕對畫布塊分別拖入 body 中並調整大小,如下圖所示:

2)選中絕對畫布塊,點選右上角的編輯按鈕進入編輯狀態,將上方的報表塊和條形圖分別拖入絕對畫布塊中並調整大小,如下圖所示:

3.4 設計圖表、報表塊

1)雙擊右側的「chart0」,選擇「資料」,具體設定如下圖所示:

2)雙擊右側的「chart1」,選擇「資料」,具體設定如下圖所示:

3)雙擊右側的「report0」,進入 report0 編輯介面,如下圖所示:

4)A1-D1 儲存格分別輸入正文,A2-D2 儲存格拖入資料列,具體如下圖所示:

5)選中 D2 儲存格,點選右側的「儲存格元素」,選擇「基本」,資料設定為「匯總」,如下圖所示:

6)點選左下角的「表單」,回到表單設計介面,如下圖所示:

7)選中右側的「chart0」,選擇「屬性」,取消勾選「標題可見」,如下圖所示:

6)選中右側的「chart1」,選擇「屬性」,取消勾選「標題可見」,如下圖所示:

3.5 效果預覽

3.5.1 PC端

PC 端預覽範本,如下圖所示:

3.5.2 行動端

body 勾選「手機重佈局」,絕對畫布塊則整體重佈局,內部保留佈局,行動端預覽範本,以 App 為例,如下圖所示:

注:絕對畫布塊不支援全螢幕,但絕對畫布塊內的的組件例如圖表、報表塊支援全螢幕。

4. 注意事項

4.1 絕對畫布塊內隱藏組件佔位顯示空白

絕對畫布塊不支援隱藏,但絕對畫布塊內的組件例如元件、圖表、報表塊支援隱藏但會佔位顯示空白。

例如,設定報表塊不可見,效果如下圖所示:

4.2 有佈局的範本中報表塊無法鋪滿絕對畫布塊

問題描述

空白範本中絕對畫布塊拖入報表塊,報表塊座標設定為(0,0),報表塊和絕對畫布塊尺寸一致,報表塊可鋪滿整個絕對畫布塊。

有佈局的範本中絕對畫布塊拖入報表塊,報表塊座標設定為(0,0),報表塊和絕對畫布塊尺寸一致,報表塊卻無法鋪滿整個絕對畫布塊。

例如,建立一個有佈局的範本,絕對畫布塊拖入報表塊,報表塊座標設定為(0,0),報表塊和絕對畫布塊尺寸一致,如下圖所示:

為清楚展示,將 body 設定為灰色,絕對畫布塊設定為白色,報表塊設定為粉色,粉色的報表塊無法鋪滿白色的絕對畫布塊,如下圖所示:

解決方案

確定報表塊的寬度=絕對畫布的寬度+二分之一的 body 的組件間隔+ body 的左邊距,高度同理。

將報表塊的尺寸按照此方法設定後,粉色的報表塊即可鋪滿白色的絕對畫布塊,如下圖所示:

5. 下載範本

點選下載已完成範本:絕對畫布塊.frm


附件列表


主題: 決策報表應用
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙