1. 概述
1.1 版本
| 報表伺服器版本 | App 版本 | HTML5 行動端展現插件版本 | 功能變動 |
|---|---|---|---|
| 11.0 | V11.0 | V11.0 | - |
1.2 應用場景
行動端有些複雜報表，比如不同列是不同維度的資料：從“地區”、“供應商”、“僱員”、“全部”四個統計維度對產品資料進行分析。
1.3 實現思路
方法一：使用兩個表格， 表格1 設定超級連結動態參數和條件屬性，表格2 設定條件屬性和重複與凍結，進而實現點選不同維度名稱查看不同維度資料的效果。
方法二：使用 Tab組件 ，新增標籤頁，4 個統計維度共計 4 個標籤頁，不同維度的標籤頁新增並設計對應維度的表格，進而實現點選不同維度名稱查看不同維度資料的效果。
2. 方法一：動態參數
2.1 建立範本
1）點選菜單欄「檔案>建立視覺化看板」，點選「建立空白視覺化看板」，如下圖所示：
2）選擇「淺色主題一」，點選「建立看板」，如下圖所示：
3）點選底部畫布尺寸的編輯按鈕，選擇「自訂尺寸」，寬度設定為「375」，高度設定為「800」。
4）畫布自適應設定為「寬度鋪滿」，如下圖所示：
2.2 新增並設計表格
1）點選組件列表欄的「文字」，向畫布中拖入兩個表格組件，並適當調整大小，如下圖所示：
2）選中 表格1 ，點選右側的「編輯組件」按鈕，如下圖所示：
3）進入 表格1 編輯介面， A1-D1 儲存格輸入正文，如下圖所示：
4）點選「傳回視覺化看板」，傳回視覺化看板介面，如下圖所示：
5）開啟範本：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demotw\basic\分片與凍結.cpt ，複製 A4-H8 儲存格內容，如下圖所示：
6）回到 FVS 視覺化看板設計介面，選中 表格2 ，點選右側的「編輯組件」按鈕，如下圖所示：
7）將剛剛複製的內容貼上到 表格2 中，如下圖所示：
8）因表格內容是複製過來的，故需修改含有公式的表格內容，將 sum(C6)、sum(D6)、sum(E6)、sum(F6)、sum(G6)、sum(H6) 分別修改為： sum(C3)、sum(D3)、sum(E3)、sum(F3)、sum(G3)、sum(H3) ，如下圖所示：
2.3 表格1設定超級連結、條件屬性
1）進入 表格1 編輯介面，被選儲存格 A1，新增動態參數超級連結，參數名為：type，參數值為字串：1，如下圖所示：
2）同理，為儲存格 B1-D1 新增動態參數超級連結，分別傳遞參數 type 為字串：2、3、4。
3）被選儲存格 A1，新增條件屬性，設定顏色、背景屬性，公式條件為公式：$type=1，即當 type 為 1 時，字體顏色和背景改變，如下圖所示：
4）同理，為儲存格 B1-D1 新增條件屬性，分別設定顏色、背景屬性，公式條件分別設定為公式：$type=2，$type=3，$type=4。
2.4 表格2設定條件屬性、重複與凍結
1）進入 表格2 編輯介面，選中 C1 儲存格，新增條件屬性，當 type 不為 1 即$type=2 or $type=3時，隱藏 地區 所在的列，如下圖所示：
2）同理，為 E1 儲存格設定條件屬性，當 type 不為 2 即$type=1 or $type=3時，隱藏 供應商 所在的列。
3）同理，為 G1 儲存格設定條件屬性，當 type 不為 3 即$type=1 or $type=2時，隱藏 僱員 所在的列。
4）點選上方的凍結按鈕，設定重複標題行從第 1 行至第 2 行，重複標題列從第 A 列至第 B 列，凍結第 1 行至第 2 行，凍結第 A 列至第 B 列，如下圖所示：
2.5 效果預覽
行動端預覽範本，以 App 為例，如下圖所示：
3. 方法二：Tab 組件
3.1 建立範本
同 2.1 節。
3.2 新增並設計 Tab 組件
3.2.1 新增 Tab 組件
1）點選組件列表欄的「容器」，向畫布中拖入 Tab 組件，並適當調整大小，如下圖所示：
3.2.2 新增標籤頁
1）點選 Tab 組件右上角的「+」按鈕，新增3個標籤頁，如下圖所示：
2）四個標籤頁分別重新命名為：「地區」、「供應商」、「僱員」、「全部」。以 標籤頁1 為例，如下圖所示：
3.2.3 新增表格
1）選中「地區」標籤頁，將組件列表欄中的「文字>表格」拖入「地區」標籤頁中，並適當調整表格大小，如下圖所示：
2）同理，向「供應商」、「僱員」、「全部」標籤頁中分別拖入表格組件並適當調整大小。
3） 4 個標籤頁的表格內容適應方式全部選擇「無」。以「地區」標籤頁為例，如下圖所示：
3.2.4 設計表格
1）開啟範本：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\basic\分片與凍結.cpt ，複製 A4-H8 儲存格內容，如下圖所示：
2）回到 FVS 視覺化看板設計介面，選中「全部」標籤頁，選中 表格4 ，點選「編輯組件」按鈕，如下圖所示：
3）進入 表格4 編輯介面，將剛剛複製的內容貼上到 表格4 中，如下圖所示：
4）因表格內容是複製過來的，故需修改含有公式的表格內容，將 sum(C6)、sum(D6)、sum(E6)、sum(F6)、sum(G6)、sum(H6) 分別修改為： sum(C3)、sum(D3)、sum(E3)、sum(F3)、sum(G3)、sum(H3) ，如下圖所示：
5）複製 表格4 中的內容分別貼上至 表格1 、表格2 、 表格3 中，並刪除非當前維度的資料列。以「地區」標籤頁的 表格1 為例，如下圖所示：
3.2.5 表格設定重複與凍結
1）進入 表格1 編輯介面，點選上方的凍結按鈕，設定重複標題行從第 1 行至第 2 行，重複標題列從第 A 列至第 B 列，凍結第 1 行至第 2 行，凍結第 A 列至第 B 列，如下圖所示：
2）同理，為 表格2 、 表格3 、 表格4 設定重複與凍結。
3.3 效果預覽
行動端預覽範本，以 App 為例，如下圖所示：
