PowerBI開發 第十九篇:基於Page建立Tooltip

悅光陰發表於2021-05-11

在PowerBI 報表中,常規的Tooltip是一段文字,當游標懸停在Visual上,Visual上方會自動顯示Tooltip的文字。PowerBI 支援使用者自定義內容豐富的Tooltip,使用者通過建立一個Report Page,在Page上插入文字、圖片和圖表等,並把該Page設定為Tooltip ,這樣就成功建立了一個基於Page的Tooltip ,稱作Tooltip Page,顯示的效果如下圖:

使用者可以設定一個或多個欄位與Tooltip Page相關聯,當使用者把滑鼠懸停在包含所選欄位的Visual上時,Tooltip Page將會顯示在Visual上方,並且Tooltip Page中的資料會受到資料點的過濾。

一,建立Tooltip Page

Tooltip實際上是一個Page,啟用Page的Tooltip屬性,使其作為tooltip來使用。

1,在PowerBI Desktop中建立一個新的Page

2,設定Page Size屬性

在Page的Visualizations頁面中,開啟Format 皮膚,設定Page Size屬性,在下拉選單中選擇 Tooltip,使得Page Size可以作為一個Tooltip來顯示。

3,設定Page View為Actual Size

預設情況下,PowerBI Desktop會鋪滿Page的所有可用空間,但是這種處理方式不適用於tooltip,需要設定Page View為Actual Size。選擇 View -> Page View > Actual Size:

4,命名Page

在Format皮膚中,根據Tooltip的目的,為Page命名,其他Visual可以通過名稱來引用Tooltip Page。

 

 5,設計Tooltip的UI

根據需要,向Page中新增所需的Visual,根據Tooltip的空間大小,合理選擇1到3個圖表。

6,啟用Tooltip

啟用Page的Tooltip屬性,把該Page註冊為一個Tooltip,確保該Page可以在一個Visual上顯示。

7,為Tooltip配置關聯的欄位

一旦為Page啟用Tooltip之後,該Page就轉變成了Tooltip Page,還需要指定與Tooltip Page關聯的欄位,即配置Tooltip Page在哪些欄位上顯示。

當指定了相應的欄位之後,一旦滑鼠懸停在應用這些欄位的Visual上方,Tooltip Page就會顯示在該Visual上方。欄位可以是表中的欄位,也可以是計算列和度量。

如下圖,設定Tooltip的欄位為一個Measure和一個維度列,Tooltip Page將自動會在應用這些欄位的Visual上方顯示。

PowerBI 通過自動檢測Tooltip關聯的欄位來顯示Tooltip Page。

二,手動設定Tooltip Page

使用者可以在Tooltip Page中設定Tooltip包含的欄位,當滑鼠懸停在這些欄位上時,Tooltip Page會自動顯示。除此之外,使用者還可以手動為一個Visual設定要顯示的Tooltip Page。

選擇一個Visual,開啟Visualizations 視窗,在Format皮膚中展開Tooltip:

在Page下拉選單中選擇Tooltip 頁面,把Tooltip Page和該Visual相關聯,當滑鼠懸停在該Visual上時,關聯的Tooltip Page會自動顯示在Visual上方。

 

 

 

參考文件:

Create tooltips based on report pages in Power BI Desktop

Extend visuals with report page tooltips

相關文章