上篇文章介紹了頁内導航,其實我們還可以進一步設計,在一頁中制作兩個頁内導航,除了前面的按日期粒度切換圖表資料,另外制作了動态切換收入、利潤變動的整體趨勢,如下圖。
關于下層導航的制作,與上層導航的制作方法一緻,前面已經介紹,這裡不再重複。不過如果你設計這種導航,很可能會面臨這個問題:同一個頁面上的兩種導航會互相影響,不能獨立切換。
比如下面的導航再切換到利潤趨勢時,上面的導航也自動變回到本月的資料;而上面的導航切換時,下面的圖表也自動變回到收入趨勢。
如何讓這一頁内的兩種導航互相獨立,點選按鈕隻切換相關的圖表,而不影響到其他可視化對象呢?
這就是本文要介紹的局部切換,專門來解決這個問題。
下面來看看局部切換的的設計思路和步驟。
準備工作:視覺對象分組
為了對兩個切換所涉及到的可視化元素進行區分和管理,以便進行後續的操作,首先需要對這些可視化元素進行分組。
打開選擇面闆,裡面顯示的就是本頁報告上的所有可視化元素:
對于每一個視覺對象,應該養成重命名并排序的習慣,并将同一個子產品的元素放到一起。
然後就可以将上層導航涉及到的全部可視化對象組合到一起,選中第一個,然後按住啊shift鍵選中最後一個,即可批量選擇,然後右鍵>分組,如下圖:
分組以後,還可以對這個分組重命名,這裡重命名為“本期”。
同樣的方式,對下層導航涉及的這幾個可視化元素分組,命名為“趨勢”,分組後的效果如下:
分組完成以後,就可以進行下面的操作了。
局部切換設計:調整書簽屬性
這是最核心的一步,通過調整書簽的屬性,讓書簽隻作用于所選擇的視覺對象。
打開書簽面闆,需要對之前建好的書簽,進行逐個調整,這裡主要以第一個書簽“本月”為例,介紹調整的方法和步驟。
1、調整書簽屬性為“所選的視覺對象”
選中“本月”書簽,然後在選擇面闆中選中本期(這就是前面分組的好處,可以非常友善的選擇本書簽需要作用的視覺對象),右鍵書簽,勾選“所選視覺對象”:
2、更新書簽
再次右鍵書簽,點選“更新”,這樣關于“本月”的書簽設定完成。
3、重複前2個步驟,調整其他書簽
同樣的方式,調整剩餘4個書簽的屬性。
對于下層的趨勢導航子產品,也是同樣的操作,不過在進行第1步操作時,要選擇的是“趨勢”組合。
然後就實作了局部切換的效果。
上層的切換和下面的切換完全獨立,互相不影響,很自然的實作了在一個頁面中,動态展現多類别、多圖表的需求。
關于書簽,涉及的都是非常細節的操作,多動手多實踐,才能夠靈活運用,精準控制,更多書簽的應用場景參考:
更多幹貨
Power BI可視化設計技巧:頁内導航和書簽的應用
Power BI書簽經典應用:制作切片器面闆,節省報表空間
PowerBI設計技巧,利用書簽,輕松顯示不同次元的資料趨勢
采悟 | Power BI星球