FVS表格組件

適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 的相關功能。

1.1 版本

1.2 功能簡介

FVS 因為採用的是畫布式設計，如果要在 FVS 中使用表格，就需要用到「表格組件」。

注：本文僅為大家介紹表格組件特有功能，其他屬性不贅述。

組件互動請參見： FVS組件框架互動屬性。

組件動畫請參見： FVS組件框架動畫屬性。

組件屬性請參見： FVS組件屬性。

1.3 表格組件和普通報表的差別

1）表格組件不支援 懸浮元素。

2）表格組件儲存格不支援新增使用元件。

3）表格組件儲存格元素不支援插入 子報表。

4）表格組件中的儲存格新增 條件屬性 時，不支援「元件」屬性。

5）不支援從 cpt 範本中複製元件，貼上到表格組件儲存格中使用。

6）表格組件的行高列寬單位為「像素」，普遍報表中行高列寬單位為「公釐」，1像素 約等於 3分之一公釐。

7）表格組件同樣支援「凍結」和「分欄」，直接點選「工具欄」上的按鈕進行設定。如下圖所示：

2.1 新增組件

建立一張「視覺化看板」：

在頁面中新增一個「表格組件」。如下圖所示：

2.2 編輯組件

編輯表格組件，有兩個入口：點擊組件右上角的【編輯】按鈕；或選中組件，點擊右側配置欄的【編輯組件】按鈕。

表格組件編輯介面如下圖所示，編輯完成後，點選左上角「傳回視覺化看板」，即可自動儲存並回到畫布。

2.3 表格自適應

表格內容的自適應可在「內容>內容適應方式」處設定。可選擇 高度鋪滿、寬度鋪滿、雙向鋪滿和無 四種適應方式。

表格組件預設不顯示捲軸，滑鼠移入表格時捲軸顯示，滑鼠移出後捲軸消失，如下圖所示：

2.4 表格工具欄

表格支援工具欄，支援分頁、匯出、放大及樣式設定等功能。詳情請參見文檔：FVS表格工具欄應用 。

2.5 跑馬燈特效

FVS 提供了「跑馬燈特效」的功能配置項，可設定表格內容捲動效果。

詳情請參見文檔：FVS跑馬燈特效 。 

2.6 獲取表格資料

支援其他組件使用公式 表格組件名稱~儲存格 獲取表格中的儲存格資料。

注：僅支援同一分頁上的組件進行表格取數，不支援跨分頁使用。

例如 標題組件 使用公式 表格1~A1 ，傳回「表格1」中儲存格 A1 擴展出來的所有資料。若要獲取連續的儲存格資料，公式寫法為：表格1~A1:C1  。

如下圖所示：

2.7 表格初始化後事件

表格組件支援新增「初始化後事件」，支援輸入 JavaScript 程式碼，僅對該表格組件生效。

注：例如 JS 實現跑馬燈效果請參考文檔 JS實現FVS表格跑馬燈。

3.1 Tomcat 前端報錯 400

問題描述

有時預覽包含表格組件的 FVS 範本時，前端出現 400 報錯，如下圖所示：

原因分析

高版本 Tomcat（7.0.76以後）會嚴格按照對 RFC 3986 規範進行存取解析，而 RFC 3986 規範定義了 URL 中只允許包含英文字母（a-zA-Z）、數字（0-9）、-_.~4個特殊字元以及所有保留字元（RFC3986中指定了以下字元為保留字元：! * ’ ( ) ; : @ & = + $ , / ? # [ ])。傳入的參數若不在 RFC3986中 的保留欄位中，會報 400 錯誤。

解決方案

修改 %Tomcat_HOME%/conf/server.xml 檔案，增加下面程式碼：

maxpostsize="209715200"
maxHttpHeaderSize="16384"
relaxedPathChars="[]|"
relaxedQueryChars="[]|{}^\`"<>"
useBodyEncodingForURI="true"
URIEncoding="UTF-8"

如下圖所示：

修改後重啟工程。

3.2 表格自適應漸變問題

問題描述

插件升級 1.4.0 版本時，將原來的兩個表格組件合併為了一個表格組件，其「PC端自適應屬性」邏輯有一定的變化，導致使用 1.4.0 版本插件開啟舊範本，會發現舊範本中的表格自適應失效，且無法修改。
解決方案
升級 1.4.1 版本，再開啟舊範本編輯表格組件的「PC端自適應屬性」，會發現表格的自適應屬性為「預設」。如下圖所示：

這是為了相容以前的自適應屬性新增的選項，此時設定為其他屬性並點選「確定」後，再次開啟屬性設定，「預設」選項消失，自適應屬性邏輯與新版插件保持一致。

已完成範本請參見：FVS表格組件範例.fvs