提示:本文適用場景：
安裝了 V3.2.0 及以上版本的「FineVis資料視覺化」插件的使用者。
若插件版本低於 V3.2.0 版本，請參考：FVS範本樣式 。
本文功能優勢：
相對於老版主題樣式，新版主題樣式有以下優勢：
1）更多內建主題： 內建了 8 種主題樣式可供選擇。
2）主題樣式優化：
統一設定：主題樣式設定不再區分主題樣式和組件樣式，包含除大小、尺寸相關屬性以外的所有內容配置。
分類支援：支援區域性樣式的切換。
應用範圍：不僅適用於主題樣式，還適用於整個主題規範下的所有內容，包括組件背景、字體顏色等。
組件改寫：新增改寫表格組件、地圖、部分高頻使用的擴展圖表以及分析組件。
3）取色器優化：支援選擇主題顏色，快速適配主題風格；支援選擇標準顏色，支援從歷史顏色中快速選擇顏色。
1. 概述
1.1 版本
| 報表伺服器版本 | 插件版本 | 功能變動 |
|---|---|---|
| 11.0.22 | V3.2.0 | - |
1.2 應用場景
在建立 FVS 範本時，可提前選擇範本樣式，對範本的「主題樣式」和「組件樣式」進行預定義，提升後續範本製作效率。
1.3 功能簡介
1）範本樣式可透過「伺服器>FVS範本樣式管理」進行管理，包含 8 種內建樣式，支援建立自訂樣式。
2）建立空白看板時需選擇一種範本樣式，範本樣式為一次性應用，即編輯範本樣式不影響已使用樣式的範本。
使用建議：提前建立自訂樣式，預定義好需要的樣式，再建立範本。
2. 範本樣式應用
2.1 建立空白看板
建立空白視覺化看板時，範本樣式展示當前伺服器下所有的「內建樣式」和「自訂樣式」，需選擇一種樣式後建立看板。
1）內建樣式：FVS 內建了 8 種主題樣式可供選擇，預設選擇「暮海深藍」樣式
2）自訂樣式：若未新增過自訂樣式，會提示「暫無自訂樣式，前往FVS範本樣式管理進行新增」。
點選「FVS範本樣式管理」開啟彈窗，可複製內建樣式或建立新樣式進行自訂。
新增後需關閉彈窗，回到範本樣式選擇介面，點選右下角「重新整理資源」，獲取自訂的範本樣式。
已有自訂樣式時，左下角有提示「沒有合適的，去手動新增」，點選「手動新增」也可開啟範本樣式管理彈窗。
如下圖所示：
2.2 切換主題樣式
建立視覺化看板後，可透過範本右上角「切換主題樣式」按鈕，切換當前範本「主題樣式」。
由於範本樣式為一次性應用，所以這裏不會選中當前應用的範本樣式。
在「FVS範本樣式管理」中修改範本樣式不影響當前範本，若需要應用修改後「範本樣式」中的「主題樣式」，需重新選中並切換。
切換主題樣式面板下方「手動新增」和「重新整理資源」按鈕與建立範本時的用法一致。
3. 範本樣式管理
3.1 功能入口
點選頂部菜單欄「伺服器>FVS範本樣式管理」，即可開啟彈窗。
3.2 內建樣式
FVS 內建了 8 種樣式，內建樣式不支援編輯、刪除等功能，僅支援複製為自訂樣式。
滑鼠懸浮樣式，點選右上角複製按鈕，即可將其複製到自訂樣式。
3.3 自訂樣式
自訂樣式介面左上角固定顯示「建立新樣式」卡片，滑鼠懸浮時，出現「從深色樣式建立」和「從淺色樣式建立」兩個按鈕，點選後彈出「範本樣式設定」彈框。
自訂樣式支援刪除、編輯和複製，滑鼠懸浮樣式，點選右上角按鈕即可進行對應操作。
4. 主題樣式設定
4.1 主題樣式組成
自訂樣式介面，點選「編輯」按鈕，即可進入主題樣式設定介面
主題樣式設定包括樣式名稱、預覽圖、主題配色、背景、圖表、元件 6 個部分。如下圖所示：
主題樣式的具體設定如下表所示：
| 配置項 | 內容設定 | 生效範圍 |
|---|---|---|
| 樣式名稱 | 不支援為空或重名 | - |
| 預覽圖 | 顯示標題、元件以及圖表範例 修改樣式配置時，預覽圖即時生效 | - |
| 主題配色 | 可配置 10 個色塊的顏色
| 所有取色器 |
| 背景 | 支援設定為 無、顏色、我的資源、自訂上傳 注：暫不支援三維背景頁背景。
| 分頁背景 |
| 圖表 | 支援配置圖表圖例、標籤、系列、坐標軸、背景、提示中的部分設定項
其中，「系列」中支援配置組合色和漸變色：
| 對所有基礎圖表、擴展圖表有效。 不支援的圖表類型：
|
| 元件 | 內容設定：支援配置元件內容部分設定項 組件設定：支援配置邊框背景、邊框線、不透明度 注1：查詢元件背景色受到元件高亮色影響 注2：元件可以單獨設定圖示顏色
| 對所有元件生效 |
4.2 主題樣式切換規則
對於不同的組件物件，切換主題樣式的生效機制如下表所示：
| 物件 | 生效機制 |
|---|---|
| 建立組件 | 按照最新主題樣式規範生效 |
| 已有組件 | 切換主題樣式，按照新的樣式改寫 |
| 資源中心組件 | 拖入後，預設按照原來的樣式生效 切換主題樣式後，按照新的主題樣式生效 |
5. 注意事項
1）部分組件暫時不支援配置樣式，但在深淺主題下會區分顯示。例如：
表格工具欄開放「工具欄背景」和「按鈕風格」設定，詳情可參見 FVS表格工具欄應用 。
設計器滿足 11.0.26 及之後版本，表格內容正文顏色區分深/淺主題，顯示為白色/黑色，之前版本中始終為白色。
Tab組件的預設樣式選擇「聯排樣式」時，Tab 欄按鈕可跟隨主題樣式顯示。
元件下拉麪板的背景區分深淺主題，文字選中效果跟隨主題樣式顯示。
2）複製貼上不同樣式範本中的組件，不受當前範本樣式影響，需在「切換主題樣式」中重新選擇主題並切換。
