1. 概述
1.1 版本
| FineBI版本 | 功能變動 |
|---|---|
| 6.0 | - |
| 6.0.16 | 新增配置項： 1）手動開啟/關閉，懸浮陰影效果，優化儀表板預覽的組件懸浮陰影效果，見3.3.3節 2）表格支援設定捲軸樣式，見3.5節 |
| 6.1.5 | 儀表板樣式可單獨對圖片組件的背景進行設定 |
1.2 應用場景
製作好儀表板後，想要進行儀表板美化操作，希望能更改或者自訂儀表板樣式；
或者希望在自訂樣式儲存後，能夠複用於其他的儀表板製作。
1.3 功能說明
FineBI 提供了儀表板樣式的設定，可設定整張儀表板的背景、標題、組件、圖表/表格風格和配色、過濾組件主題等。
支援直接選擇「預設樣式」的儀表板；
支援設定「自訂」樣式的儀表板；
當前使用者支援在其他儀表板使用該儀表板的自訂樣式，點選「存為預設樣式」實現。
三類儀表板樣式設定說明如下表所示：
| 設定好的儀表板樣式 | 樣式說明 |
|---|---|
| 自訂樣式 | 僅當前使用者可新增，刪除，重新命名自訂樣式。一個使用者最多新增 3 個自訂樣式 注：若需要修改自訂樣式可點選目標儀表板樣式，設定自訂樣式後「存為預設樣式」，刪除原先的儀表板樣式。 |
| 全局樣式 | 僅管理者可新增，刪除，修改，重新命名全局樣式。管理者最多新增 5 個全局樣式。 儀表板預設樣式為管理者設定的全局樣式。詳情參見：BI全局樣式 |
| 預設樣式 | 有 系統自帶的預設樣式，不可刪除、修改、重新命名。 |
1.4 前提條件
你已經製作好組件並新增至儀表板中。
1.5 約束限制
存為自訂樣式的樣式生效範圍：當前你製作的所有儀表板，都可以選擇之前儲存的自訂樣式。
未儲存的自訂樣式生效範圍：當前儀表板。
當組件未新增至儀表板時，組件樣式為預設樣式；新增至到儀表板後，若設定了儀表板樣式，則組件樣式繼承儀表板樣式；
儀表板樣式生效優先排列為：組件樣式>儀表板樣式>BI 全局樣式。
使用者預設儀表板樣式僅可由管理者更改，步驟請參見：BI全局樣式
低版本的 IE 瀏覽器（一般 IE10 以下），部分組件背景樣式和組件標題背景樣式效果可能會受影響。
2. 使用預設樣式
選擇對應的儀表板，並進入編輯介面點選，如下圖所示：
FineBI 預設多種儀表板樣式，在儀表板編輯介面點選「儀表板樣式>預設」即可更換樣式風格。如下圖所示：
3. 設定自訂樣式
在儀表板編輯點選介面「儀表板樣式」，點選「自訂」，進入自訂樣式編輯介面，如下圖所示：
注：編輯後，自動在儀表板展示預覽效果，點選「確定」才會生效自訂效果。若不存為自訂樣式，則該樣式僅在此儀表板生效。
自訂儀表板樣式設定項，如下表所示：
| 樣式 | 可設定專案 |
|---|---|
| 基礎樣式 | 選擇預設樣式，在該樣式基礎上進行自訂 |
| 存為預設樣式 | 點選存為預設樣式，在「預設」tab頁中顯示。可以運用於其他儀表板中 |
| 儀表板 | 儀表板背景、組件間隙 |
| 組件 | 標題背景、標題文字、組件背景、組件邊框 |
| 圖表 | 圖表的整體配色、圖表中的正文格式 |
| 表格 | 表格風格、主題色和文字格式 |
| 過濾組件 | 標題背景、標題文字格式、組件背景、組件邊框、主題色 |
| 圖片組件 | 圖片組件背景 |
3.1 設定基礎樣式
選擇自訂樣式的基礎樣式為「冷靜藍灰」。在此基礎上修改。如下圖所示：
3.2 設定儀表板樣式
1）點選「儀表板」設定樣式。可設定儀表板的「背景」和「組件間隙」。
背景顏色設定「藍紫色」，組件間隙設定「12」，效果如下圖所示：
注：若組件設定了 組件懸浮 ，那麼儘管在儀表板樣式處設定組件之間有間隙，但組件仍然可以重疊展示。
2）儀表板設定說明如下表所示：
| 設定儀表板 | 說明 |
|---|---|
| 背景 | 儀表板背景可設定為「顏色」或者「圖片」。
若想要達到圖片大小與儀表板大小吻合的效果，圖片尺寸參數為3840*2160。 |
| 組件間隙 | 設定組件間隙大小，設定為 0 則無間隙。 |
3.3 設定組件樣式
3.3.1 組件標題
標題可統一設定儀表板中組件標題的「背景」、「文字」。
標題設定說明如下表所示：
| 標題設定 | 說明 |
|---|---|
| 背景 | 標題背景可設定為「顏色」或者「標題樣式」。
|
| 文字 | 標題文字可設定「自動」或者「自訂」。 詳細說明可參見：組件標題-編輯標題 |
3.3.2 組件背景
組件中可統一設定儀表板中所有組件的背景，分為「顏色」和「組件樣式」兩種。
顏色
顏色設定「自動」，組件邊框設定圓角「6」px，邊框「2」、「藍色」。效果如圖所示：
組件樣式
組件背景設定如下圖所示：
注：組件樣式支援自訂圖片和各種風格的樣式。自訂圖片可上傳圖片作為背景，背景圖片的大小和像素沒有要求。
3.3.3 懸浮陰影
6.0.16 版本支援設定是否顯示組件懸浮陰影。多懸浮組件的儀表板，可關閉陰影，美化儀表板效果。
顯示懸浮陰影，儀表板預覽效果如下圖所示：
關閉懸浮陰影，儀表板預覽效果如下圖所示：
3.4 設定圖表樣式
可設定儀表板中的圖表「配色」和圖表中的「文字」樣式。如下圖所示：
圖表設定的詳細說明如下表所示：
| 圖表設定 | 說明 |
|---|---|
| 配色 | 1）可根據需要，選擇修改圖表中的組件元素配色風格。 2）可自訂圖表配色 |
| 文字 | 文字可配置組件中字體的樣式，包含圖表中的橫縱軸、分類軸、值軸的文字等。 標題文字可設定「自動」或者「自訂」 字體設定詳細說明可參見：組件標題-編輯標題 |
3.5 設定表格樣式
1）在表格下可統一設定儀表板中所有表格組件的樣式，包括「風格」、「主題色」、「文字」和捲軸。
其中文字自訂中可分別設定「表頭」和「表身」的字體樣式。
自訂文字樣式後，效果如下圖所示：
表格設定詳情說明如下表所示：
| 表格設定 | 說明 |
|---|---|
| 風格 | 可設定三種不同的表格整體風格 |
| 主題色 | 點選可設定表格組件的主題顏色。可選擇自訂顏色、透明、自動實現不同效果 |
| 文字 | 文字可設定「自動」或「自訂」的字體樣式，自訂中可分別設定「表頭」和「表身」的字體樣式。 自訂字體樣式說明可參見：組件標題-編輯標題 表身的維度、指標支援設定對齊方式。 |
| 捲軸 | 表格捲軸可設定：常駐顯示、懸浮顯示 懸浮顯示狀態，當滑鼠懸浮在表格上顯示捲軸，否則不顯示 |
3.6 設定過濾組件樣式
過濾組件中可統一設定該儀表板中所有過濾組件的樣式。可設定標題背景、標題文字、組件背景、主題色。
將過濾組件標題背景設定「藍色」，標題文字自動，組件背景設定為「藍色」，組件邊框設定為圓角灰色，邊框粗細為「3」。並設定過濾組件選擇框的主題色為「粉色」。效果如下圖所示：
| 過濾組件設定 | 說明 |
|---|---|
| 標題背景 | 標題背景可設定為「顏色」或者「圖片」。
|
| 標題文字 | 標題文字可設定「自動」或者「自訂」。 詳細說明可參見：組件標題-編輯標題 |
| 組件背景 | 組件背景可設定為「顏色」或者「圖片」，同標題背景。 還可設定組件邊框粗細，顏色，邊框圓角程度 |
| 主題色 | 可設定過濾組件選擇框的主題色 |
3.7 設定圖片組件樣式
支援單獨對圖片組件的背景以及圓角邊框進行自訂。
若上傳一個背景透明的圖片，背景預設是白色的。使用者可在「儀表板樣式」中，將圖片背景調整為透明或其他顏色，也可另外上傳圖片作為背景。如下圖所示：
另外還可以單獨設定圖片組件的圓角和邊框。如下圖所示：
4. 新增使用者自訂樣式
設定自訂儀表板樣式後，如果需要反覆使用於在其他儀表板，可點選「存為預設樣式」。預設樣式中即出現該自訂樣式。如下圖所示：
注：同一使用者最多新增 3 個自訂樣式。
5. 重新命名自訂樣式
在「預設」tab下，點選新增的自訂樣式標題，即可重新命名自訂樣式，如下圖所示：
注：管理者的全局樣式僅管理者可重新命名，系統自帶的預設樣式 1-6 不可修改。
6. 刪選使用者自訂樣式
滑鼠懸停在使用者儲存的自訂樣式上，左上角就會出現刪除的按鈕，點選後再次確認，點選「確定」即可刪除。如下圖所示：
注：管理者的全局樣式僅管理者可刪除，系統自帶的預設樣式 1-6 不可修改。
