1. 概述
一份「FVS視覺化看板」學習計劃，幫您由淺入深學習產品功能，構建完整的知識體系。
2. 學習計劃
2.1 新手學習路徑
FineVis資料視覺化 基於 FineReport 設計器開發、依託於 FineReport 決策平台部署，是專為資料視覺化打造的一款插件。
新手的學習路徑與 報表製作基礎學習路徑 中的內容相同，如果已經完成了報表製作基礎學習路徑的學習，可以跨越本節。
| 章節 | 標題 | 內容簡介 | 文檔 |
|---|---|---|---|
| 第 1 章 FineReport 基礎知識 | |||
| 1.1 | 設計器安裝 | 學會 Windows/MacOS 系統下安裝 FineReport 設計器的方法 | 設計器安裝 |
| 1.2 | FineReport 介面介紹 | 瞭解 FineReport 設計器介面每個子面板的功能和數據決策系統的介面 | FineReport 介面介紹 |
| 1.3 | 資料連結 | 瞭解如何在 FineReport 中獲取到資料庫中的資料 | 資料連結概述 |
| 1.4 | 資料集 | 瞭解資料集的基本類型 | 資料集 |
| 第 2 章 FineVis資料視覺化基礎介紹 | |||
| 2.1 | FineVis資料視覺化簡介 | 瞭解 FineVis 資料視覺化的優勢和亮點 | |
| 2.2 | FVS 插件安裝及配置要求 | 瞭解 FineVis 資料視覺化插件的最低配置要求，以及如何安裝和獲取授權 | FVS安裝及配置要求 |
| 2.3 | 建立一張 FVS 範本 | 簡單而完整的熟悉一下 FineVis 視覺化看板的功能及製作程式，為後續的學習奠定基礎 | 第一張FVS範本 |
| 第 3 章 FVS 基礎功能 | |||
| 3.1 | FVS 介面概覽 | 瞭解 FVS 設計介面包含哪些內容 | FVS界面概覽 |
| 3.2 | FVS 範本預覽 | 瞭解 FVS 如何在PC端、行動端預覽，如何掛載到平台 | FVS範本預覽與掛載 |
| 3.3 | FVS 組件概述 | 最終展示的 FVS 範本就是由一個個組件堆積而成的。可先整體瞭解 FVS 中組件的類型、屬性和交互操作等 | FVS組件概述 |
| 3.4 | FVS 畫布編輯 | 瞭解 FVS 範本預覽時，在瀏覽器的自適應效果 | FVS畫布編輯及自適應 |
| 3.5 | FVS 多分頁設計 | 瞭解 FVS 如何新增分頁、分頁有哪些屬性，分頁之間有哪些動畫設定 | |
| 3.6 | FVS 資源複用 | 在設計看板時，經常會需要使用各種圖片素材豐富範本效果。FVS 資源中心提供了豐富的內建資源，同時支援上傳自訂素材，以實現更多需求 | FVS資源中心 |
| 3.7 | FVS 組件交互屬性 | 瞭解 FVS 組件的點選交互事件、監視重新整理或輪播等交互效果設定 | FVS組件交互屬性 |
| 3.8 | FVS 元件查詢交互 | 瞭解 FVS 支援哪些元件，以及元件查詢的基礎用法 | FVS元件組件 |
| 3.9 | FVS 行動端屬性 | 瞭解 FVS 行動端有哪些屬性，以及其效果 | FVS 行動端屬性 |
| 第 4 章 FVS 三維組件基礎認知 | |||
| 4.1 | FVS 三維城市場景組件 | 瞭解三維城市組件是什麼，如何匯入資料生成模型、如何配置資料圖層 | |
| 4.2 | FVS 三維自訂場景組件 | 瞭解自訂模型組件是什麼，如何匯入模型檔案，如何配置資料圖層 | FVS三維自訂場景組件 |
2.2 進階學習路徑
| 章節 | 標題 | 內容簡介 | 文檔 |
|---|---|---|---|
| 第 1 章 FVS 範本開發-組件交互 | |||
| 1.1 | FVS 支援的 JS API | 瞭解 FVS 支援哪些 JS API，以及其基礎用法 | FVS大屛支援的JS API場景 |
| 1.2 | FVS 組件交互範例 | 學習最常見且常用的幾種組件交互類型 | FVS組件點擊聯動 |
| FVS跑馬燈特效 | |||
| FVS跳轉網頁連結 | |||
| FVS三維組件點選跳出彈出框 | |||
| FVS分頁跳轉事件 | |||
| 1.3 | FVS 多分頁故事看板 | 學習 FVS 多分頁設計，利用分頁間動畫實現故事性看板 | |
| 第 2 章 FVS 範本開發-三維組件 | |||
| 2.1 | 三維城市自訂轉列 geojson | 學習如何自訂轉列、修改 geojson 檔案，並匯入三維城市組件應用 | |
| 2.2 | 三維自訂場景應用 | 學習使用自訂模型構建園區的完整方案 | 構建3D園區監控場景 |
| 2.3 | FVS 模型線框風格 | 三維城市組件和自訂模型組件中，均支援上傳 glb 自訂模型，上傳時可啟動模型的線框風格，提升科技感氛圍 | 三維自訂場景組件線框風格 |
| 2.4 | 三維組件模型預警 | 學習三維組件模型數據預警的應用 | FVS模型數據預警應用實例 |
| 2.5 | 三維組件動畫應用 | 學習三維組件模型動畫的應用 | FVS三維組件動畫應用實例 |
| 2.6 | FVS Unity 組件 | 學習 FVS 如何匯入、編輯、儲存及預覽 Unity 資源 | FVS-Unity組件 |
