儀表板樣式

1.1 版本

1.2 應用場景

製作好儀表板後，想要進行儀表板美化操作，希望能更改或者自訂儀表板樣式；

或者希望在自訂樣式儲存後，能夠複用於其他的儀表板製作。

1.3 功能說明

FineBI 提供了儀表板樣式的設定，可設定整張儀表板的背景、標題、組件、圖表/表格風格和配色、過濾組件主題等。

• 支援直接選擇「預設樣式」的儀表板；

• 支援設定「自訂」樣式的儀表板；

• 當前使用者支援在其他儀表板使用該儀表板的自訂樣式，點選「存為預設樣式」實現。

三類儀表板樣式設定說明如下表所示：

1.4 前提條件

你已經製作好組件並新增至儀表板中。

1.5 約束限制

• 存為自訂樣式的樣式生效範圍：當前你製作的所有儀表板，都可以選擇之前儲存的自訂樣式。

• 未儲存的自訂樣式生效範圍：當前儀表板。

• 當組件未新增至儀表板時，組件樣式為預設樣式；新增至到儀表板後，若設定了儀表板樣式，則組件樣式繼承儀表板樣式；

• 儀表板樣式生效優先排列為：組件樣式 > 儀表板樣式 > BI 全局樣式。

• 使用者預設儀表板樣式僅可由管理者更改，步驟請參見：BI全局樣式

• 低版本的 IE 瀏覽器（一般 IE10 以下），部分組件背景樣式和組件標題背景樣式效果可能會受影響。

進入分析主題編輯介面，選擇對應的儀表板，點選「儀表板樣式」，如下圖所示：

點選儀表板預設樣式，設定樣式，點選「確定」即可更改樣式，如下圖所示：

在儀表板編輯點選介面「儀表板樣式」，點選「自訂」，進入自訂樣式編輯介面，如下圖所示：

注：編輯後，自動在儀表板展示預覽效果，點選「確定」才會生效自訂效果。若不存為自訂樣式，則該樣式僅在此儀表板生效。

自訂儀表板樣式設定項，如下表所示：

3.1 設定基礎樣式

選擇自訂樣式的基礎樣式為「冷靜藍灰」。在此基礎上修改。如下圖所示：

3.2 設定儀表板樣式

1）點選「儀表板樣式」設定樣式。可設定儀表板的「背景」和「組件間隙」。

背景顏色設定「藍紫色」，組件間隙設定「12」，效果如下圖所示：

注：若組件設定了 組件懸浮，那麼儘管在儀表板樣式處設定組件之間有間隙，但組件仍然可以重疊展示。

2）儀表板設定說明如下表所示：

3.3 設定組件樣式

3.3.1 設定組件標題樣式

標題可統一設定儀表板中組件標題的「背景」和「文字」。

1）標題背景設定為「標題樣式 > 科幻標題裝飾」，效果如下圖所示：

2）標題文字設定。「自訂」，字號設定「14」。如下圖所示：

3）標題設定說明如下表所示：

3.3.2 組件背景樣式

組件中可統一設定儀表板中所有組件的背景，分為「顏色」和「組件樣式」兩種。

• 顏色

顏色設定「自動」，組件邊框設定圓角「6」px，邊框「5」。效果如圖所示：

• 組件樣式

組件背景設定如下圖所示：

注：組件樣式支援自訂圖片和各種風格的樣式。自訂圖片可上傳圖片作為背景，背景圖片的大小和像素沒有要求。

3.3.3 懸浮陰影 

6.0.16 版本支援設定是否顯示組件懸浮陰影。多懸浮組件的儀表板，可關閉陰影，美化儀表板效果。

顯示懸浮陰影，儀表板預覽效果如下圖所示：

3.4 設定圖表樣式

可設定儀表板中的圖表「配色」和圖表中的「文字」樣式。如下圖所示：

圖表設定的詳細說明如下表所示：

3.5 設定表格樣式

1）在表格下可統一設定儀表板中所有表格組件的樣式，包括「風格」、「主題色」和「文字」，其中文字自訂中可分別設定「表頭」和「表身」的字體樣式。

自訂文字樣式後，效果如下圖所示：

表格設定詳情說明如下表所示：

3.6 設定過濾組件樣式

過濾組件中可統一設定該儀表板中所有過濾組件的樣式。可設定標題背景、標題文字、組件背景、主題色。

將過濾組件標題背景設定「藍色」，標題文字自動，組件背景設定為「藍色」，組件邊框設定為圓角灰色，邊框粗細為「3」。並設定過濾組件選擇框的主題色為「粉色」。效果如下圖所示：

設定自訂儀表板樣式後，如果需要反覆使用於在其他儀表板，可點選「存為預設樣式」。預設樣式中即出現該自訂樣式。如下圖所示：

注：同一使用者最多新增 3 個自訂樣式。

在「預設」tab下，點選新增的自訂樣式標題，即可重命名自訂樣式，如下圖所示：

注：管理者的全局樣式僅管理者可重命名，系統自帶的預設樣式 1-6 不可修改。

滑鼠懸停在使用者儲存的自訂樣式上，左上角就會出現刪除的按鈕，點選後再次確認，點選「確定」即可刪除。如下圖所示：

注：管理者的全局樣式僅管理者可刪除，系統自帶的預設樣式 1-6 不可修改。