1. 概述
1.1 應用場景
關於儀表板內的組件製作完成後,我們需要對儀表板的整體,進行佈局,豐富內容,整體美化,完成一張儀表板的製作。
1.2 視頻教程
若根據文檔學習可跨越本節。
本章節學習內容視頻教程如下。
1)儀表板佈局(對應本文 3.1-3.2 節)
2)儀表板美化(對應本文 3.3-3.4 節)
3)儀表板分享(對應本文 3.5 節)
2. 場景
2.1 管理儀表板
對於使用者製作好的儀表板,FineBI 統一存放在了「儀表板」目錄下,點選進入儀表板管理介面。
詳情參見:儀表板管理
2.2 新增其他組件
在儀表板編輯介面,可以新增其他組件來豐富介面。例如:正文組件、Tab組件
在儀表板編輯介面點選「其他」即可新增其他組件。
2.3 分享儀表板
儀表板製作好後,我們可以將其分享給別人,查看分析報表。詳情參見:分享儀表板
3. 範例
完成了前幾章內容學習後,已成功學習如何製作組件並增加交互效果,接下來,我們學習一下如何進行儀表板佈局並分享完成的儀表板。點選進入上一章內容學習:新增交互效果
3.1 儀表板佈局
進入儀表板編輯介面,我們發現製作好的組件在儀表板上排列的效果並不理想,那麼我們如何調整儀表板的佈局呢?
點選組件邊框可調整大小,點選組件邊緣區域可調整組件位置。
調整後,效果如下圖所示:
3.2 Tab組件
對於調整過佈局的組件,感覺有些是一個主題的,例如,「銷售額最大的十件商品」和「不同類別商品銷售額佔比」對於一些主題相同的組件,可以放在同一個 Tab 下展示。
調整新增的 Tab 組件,將對應組件拖入 tab 頁內,並調整位置大小。
拖入tab頁後,下拉tab頁標籤並重命名「銷售額分析」。如下圖所示:
然後,點選「+」新增新的tab頁,put 命令下方兩個毛利額相關的組件。
完成後效果如下圖所示:
3.3 正文組件
這時,一張銷售報表基本成型。希望增加一個銷售報表的標題。我們可以在「其他組件」中使用「正文組件」製作。如下圖所示:
然後調整正文組件位置,並新增文字內容,並設定文字格式。字號 28 ,置中,字體顏色黑色。
如果我們需要一些外部連結作為輔助說明,可以點選正文框。新增超連結,輸入對應資訊後,成功插入超連結,並調整正文位置即可。
3.4 儀表板美化
對於整張儀表板,我們可能覺得整體風格不滿意,可以繼續調整。
3.4.1 儀表板樣式
選擇「儀表板樣式」進入設定介面,選擇想要的風格,例如「經典白」。
如果覺得還需要自訂的修改,可以選擇「自訂」,點選「組件」設定標題背景,完成點選確定。如下圖所示:
3.4.2 Tab組件樣式
Tab組件標題顯示多餘,希望能夠不顯示。可以選擇Tab組件,下拉選擇「樣式設定」。取消勾選「顯示」Tab 組件標題欄。則成功隱藏標題。
調整完成後的儀表板,點選右上角的「預覽儀表板」進入預覽儀表板介面。如下圖所示:
注:若想儀表板預設情況下篩選出2020年1月的資料,在儀表板編輯介面做好篩選再進入預覽介面即可。
3.5 儀表板分享
透過以上步驟,你可能已經讀取到一些重要資訊,準備分享給同事。
那麼接下來,如何將製作好的儀表板分享給別人呢?
進入「儀表板」管理介面,找到「入門儀表板」,點選「分享>角色」,選擇對應要分享到的使用者,完成點選「確定」。
這樣,被分享的使用者登入 FineBI ,即可查看到訊息提醒,在「目錄>分享」下,找到使用者 1 分享的「入門儀表板」。
完成了學習課程,您一定收穫滿滿,恭喜您成為一名 BI 工程師!