1. 概述
適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 範本的相關功能。
1.1 版本
| 報表伺服器版本 | 插件版本 | 功能變動 |
|---|---|---|
| 11.0.16 | V2.0.0 | FVS 範本設定中新增「載入效果」，可以自訂頁面載入背景色 |
| 11.0.22 | V2.7.1 |
|
| 11.0.22 | V2.8.1 | 載入效果中的圖片資源支援「更多設定」，包括飽和度、亮度及對比度 |
1.2 應用場景
FVS 範本在載入或切換程式中，有時候會由於效能網路等問題，出現頁面白屏等現象，希望自訂載入效果。
希望可以設定範本載入開場視頻動畫。
組件載入時間較長，希望可以定義組件載入效果。
1.3 功能簡介
在「範本>FVS範本設定>載入效果」中，可分別設定「範本載入」和「組件載入」效果。
支援設定背景顏色、圖片、視頻等多種形式的載入效果。如下圖所示：
注：需先進行 FVS資源更新 ，以獲取新增資源。
2. 功能介紹
2.1 範本載入
範本載入效果應用於整個範本，支援設定背景顏色、載入效果及載入時間。如下圖所示：
設定項具體說明如下表所示：
| 設定項 | 說明 |
|---|---|
| 背景顏色 | 支援自訂載入程式中的頁面背景顏色，且顏色支援設定不透明度 預設顏色白色，不透明度為 0 ，即透明效果
|
| 載入效果 | 預設不勾選，勾選「啟動範本載入效果」後，支援設定「圖片」或「視頻」載入效果 1）圖片
注：圖片不支援設定填充方式，以預設規則適應視窗顯示於中心點位置 2）視頻
|
| 載入時間 | 勾選「啟動範本載入效果」後，支援設定載入效果顯示的時間，可選擇「自動」或「自訂」 1）自動 由頁面實際載入時間決定，頁面載入結束，載入效果消失 2）自訂
|
2.2 組件載入
組件載入效果支援區分二維組件、三維組件設定組件的載入效果。
具體說明如下表所示：
| 組件類別 | 載入效果 |
|---|---|
| 二維組件 | 二維組件目前僅支援表格組件 預設勾選「啟動組件載入效果」，支援選擇四種 spin 效果（旋轉圖示） 支援設定其色相、不透明度等更多設定 預設 3s 未載入完成時，出現載入效果 |
| 三維組件 | 三維組件包含三維城市場景、三維自訂場景、Unity組件和場景地圖 預設勾選「啟動組件載入效果」，支援選擇「簡易載入」和「動畫載入」兩種類型
|
注：上表中所述預設 3s 未載入完成時，出現載入效果。其中的預設時間可透過修改 db.script 檔案改變。
例如將預設時間修改為 1s ，操作步驟如下：
1）找到 %FR_HOME%\webroot\WEB-INF\embed\finedb 路徑下的 db.script 檔案，開啟檔案。
2）Ctrl+F 搜尋 FINE_CONF_ENTITY ，新增語句：INSERT INTO FINE_CONF_ENTITY VALUES('FVSConfig.widgetLoadingDelayTime','1000')
3）儲存檔案，重啟工程即可。
3. 範例
3.1 建立範本
1）點選設計器左上角「檔案>建立視覺化看板」。
2）選擇「線上資源」，搜尋帆軟智慧園區監視，滑鼠懸浮範本，點選「建立」。
3.2 設定載入效果
1）點選「範本>FVS範本設定」，彈出設定框，選擇「載入效果」。
2）設定範本載入效果：
背景顏色設定為與頁面背景一致的顏色 #000000FF 。
勾選「啟動範本載入效果」，選擇「圖片>資源中心」，在「我的資源」中搜尋載入動畫，選擇「載入動畫2」，點選「完成」按鈕。
3）設定組件載入效果：
二維組件保持預設設定，三維組件選擇「動畫載入」。最後點選「確定」，儲存設定並關閉設定框。
3.3 效果預覽
儲存範本後，點選「預覽」，效果如下圖所示：
注1：載入效果同樣支援行動端，但範例三維城市不支援行動端。
注2：從設計器點選「預覽」按鈕跳到瀏覽器開啟頁面時，由於開啟瀏覽器視窗有耗時，仍然有可能出現短暫的白屏。
