FVS範本載入效果

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

1.1 版本

1.2 應用場景

• FVS 範本在載入或切換程式中，有時候會由於效能網路等問題，出現頁面白屏等現象，希望自訂載入效果。

• 希望可以設定範本載入開場視頻動畫。

• 組件載入時間較長，希望可以定義組件載入效果。

1.3 功能簡介

在「範本>FVS範本設定>載入效果」中，可分別設定「範本載入」和「組件載入」效果。

支援設定背景顏色、圖片、視頻等多種形式的載入效果。如下圖所示：

注：需先進行 FVS資源更新 ，以獲取新增資源。

2.1 範本載入

範本載入效果應用於整個範本，支援設定背景顏色、載入效果及載入時間。如下圖所示：

設定項具體說明如下表所示：

2.2 組件載入

組件載入效果支援區分二維組件、三維組件設定組件的載入效果。

具體說明如下表所示：

注：上表中所述預設 3s 未載入完成時，出現載入效果。其中的預設時間可透過以下方式改變。

可透過「fine_conf_entity視覺化配置插件」修改載入的預設時間。

例如將預設時間修改為 1s ，需把 FVSConfig.widgetLoadingDelayTime 的參數值改為 1000 。

重啟伺服器後設定生效。

注：修改 FineDB 資料庫表欄位值的方法請參考 FINE_CONF_ENTITY視覺化配置 。

3.1 建立範本

1）點選設計器左上角「檔案>建立視覺化看板」。

2）選擇「線上資源」，搜尋帆軟智慧園區監視，滑鼠懸浮範本，點選「建立」。

3.2 設定載入效果

1）點選「範本>FVS範本設定」，彈出設定框，選擇「載入效果」。

2）設定範本載入效果：

• 背景顏色設定為與頁面背景一致的顏色 #000000FF 。

• 勾選「啟動範本載入效果」，選擇「圖片>資源中心」，在「我的資源」中搜尋載入動畫，選擇「載入動畫2」，點選「完成」按鈕。

3）設定組件載入效果：

二維組件保持預設設定，三維組件選擇「動畫載入」。最後點選「確定」，儲存設定並關閉設定框。

3.3 效果預覽

儲存範本後，點選「預覽」，效果如下圖所示：

注1：載入效果同樣支援行動端，但範例三維城市不支援行動端。

注2：從設計器點選「預覽」按鈕跳到瀏覽器開啟頁面時，由於開啟瀏覽器視窗有耗時，仍然有可能出現短暫的白屏。