⑥新增組件交互

實際業務往往比較複雜，一個組件的計算結果難以支撐分析結論。可能需要多個組件協作以讀取重要資訊。

完成了【④資料視覺化（下）】學習後，成功完成了新手的資料處理、視覺化組件製作學習~

本節我們學習一下如何將組件呈現到儀表板、並進行組件的交互分析。

使用文檔學習可參考下文，視頻學習：FineBI6.1 基礎功能教學（七）——儀表板交互

先簡單介紹一下本文範例中會學習到的一些功能場景。  

2.1 組件交互介紹

組件的交互功能用於滿足資料分析人員與儀表板之間的交互需求，讓儀表板能靈活地對業務人員的分析操作作出響應。

• 鑽取：在實際使用儀表板時，往往會先透過統計圖表從宏觀層面把握業務問題所在，再透過一個頁面內的鑽取聯動逐級向下鑽取，直到明細資料，定位到具體的問題。

• 跳轉：實現從一個儀表板跳轉到另一個儀表板（或另一個網頁），也可以設定過濾欄位，在跳轉的同時進行過濾。

• 聯動：指當組件之間含有邏輯關係時，實現點選一個組件的值，其他聯動組件發生聯動變化也篩選出相關資料。

• 過濾：發現資料太多，分析的不夠深入，希望能夠隨心所欲的查看自己想要的範圍的資料很難。可以透過新增「過濾組件」實現對整個儀表板的過濾效果，對資料的時間、數值、文字等進行動態篩選。

我們依舊使用第 2 章處理過的「商品銷售明細表」分析。

3.1 鑽取

我們往往能透過不斷鑽取的資料，發現問題。

在前一章的毛利額環比增長率中，我們發現8月毛利額出現明顯下滑。

我們透過「毛利率」分析原因，因為毛利率越低越容易導致毛利額下滑。

因此，我們可以先製作一張分組表，對商品銷售的維度，從地區鑽取到門店下的某個商品毛利率，發現問題。

3.1.1 新增計算欄位

製作一張新表，需要新增組件，並切換到「商品銷售明細表」。

新增「毛利率」欄位。點選待分析區域「···」新增計算欄位「毛利率」，公式：SUM_AGG(毛利額)/SUM_AGG(銷售額)。

公式說明：

3.1.2 製作表格

製作逐層鑽取的商品毛利率分析表。

1）實現「省份>城市>門店名稱>商品名稱」的逐層鑽取。拖動待分析區域欄位製作鑽取目錄。

2）從左側拖入欄位：維度為鑽取目錄「省份」，指標為「毛利率、毛利額、成本額、銷售額」。

3）下拉欄位修改資料格式，「毛利率」改為「百分比」，「毛利額、成本額、銷售額」單位改為「萬」 。

4）完成後重命名為「毛利率分析」。

但這時候的鑽取表，是所有月份的毛利率，我們只想分析具體某個月（例如8月）的情況，則需要在儀表板新增「年月過濾組件」。

3.2 過濾

進入儀表板後，希望能夠隨心所欲的查看自己想要的範圍的資料，新增「過濾組件」可以實現對整個儀表板的過濾效果。

1）按年月過濾資料。開啟「過濾組件」點選「年月」新增年月過濾組件。選擇「商品銷售明細表」（第2章資料編輯後的表）「日期」欄位。拖入右側欄位欄，點選「確定」。

2）按商品類別過濾資料。若使用者還需用商品類別過濾。可以新增「文字下拉」過濾組件。步驟同上。並修改組件標題「商品類別」，點選「確定」。

3.3 聯動

由同一張表製作的組件，點選表內資料會觸發聯動過濾的效果。例如，點選商品名稱為「三全960g奶香饅頭」，其他的組件會過濾出，該商品相關的銷售毛利資訊。點選右上角的「清除所有聯動」即可恢復至預設狀態。

那我們如何實現不論點選什麼組件，餅圖都不會發生聯動的效果呢？

對除了餅圖之外的所有組件，設定其聯動範圍。能聯動的組件裏取消勾選餅圖。

例如，點選「銷售額最大的十件商品」組件，下拉「聯動設定」。取消勾選餅圖組件，點選「確定」。

3.4 跳轉

當使用者需要從當前儀表板跳轉到別的頁面時（可以跳轉到普通網頁、其他儀表板、FineReport 範本等），可以使用跳轉功能。

點選需要設定跳轉的組件，下拉「跳轉設定」，即可設定跳轉。

我們將組件都新增到儀表板之後，完成了組件的交互分析，也完成了視覺化展現。接下來，我們前往下一章【⑦儀表板佈局美化】學習如何美化頁面~