FVS範本預覽與掛載

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

1.1 版本

1.2 功能簡介

本文將詳細介紹 FVS 範本製作後如何預覽及掛載。

1.3 準備工作

點選下載本文範例範本：電商平台銷售實時資料企業戰情室.fvs ，將範本放至工程 %FR_HOME%\webroot\WEB-INF\reportlets 資料夾。

在設計器中開啟範本，範本右上角預設選擇 PC 端按鈕，點選「預覽」按鈕即可預覽範本 PC 端效果。

注：請使用 Chrome 瀏覽器 86 及以上版本預覽，更多配置要求可參考文檔 FVS對應配置要求 。

在 PC 端預覽介面，可實現框選內容放大展示。如下圖所示：

• 按住 shift 鍵，即可用滑鼠框選範圍；

• 框選區域後，可行動、縮放框選矩形；

• 點選  取消選區，點選  按鈕即可放大選區全螢幕展示；

• 放大區域組件動效、交互事件等均有效；

• 滑鼠在放大區域行動時，右上角出現關閉按鈕，點選即可關閉選區。

行動端預覽部分效果與 PC 端有出入，且行動端部分功能配置項可單獨配置，詳情請參見文檔：FVS行動端屬性 。

範本右上角選擇行動端按鈕，點選「預覽」按鈕，在瀏覽器中會展示行動端預覽介面。

左側展示手機 HTML5 模擬效果，右側展示行動端存取QRCODE及連結。效果如下圖所示：

注1：模擬手機型號為 iPhone 13/13Pro ，寬高為 390*844px 。

注2：此頁面交互效果不完全生效，具體交互效果以行動端實際預覽效果為準。

更多行動端相關內容請查看詳細文檔：

• APP 端：App連結到平台/報表伺服器 。

• HTML5 端： HTML5端存取報表/工程 。

注：V2.1.1 之前的版本，行動端預覽需在 URL 連結後新增 &op=mobile 參數，才能呼叫行動端存取QRCODE及連結 。

FVS 範本可直接 掛載到數據決策系統 目錄中，查看類型為「預覽」，選擇需要的展示終端即可。如下圖所示：

注：FVS 插件 V2.3.1 及之後版本，且報表伺服器滿足 11.0.25 及之後版本，平台範本掛載範本時才支援參數設定。