這篇文章的靈感來自於WHO網站https://www.who.int/。我們可以發現主頁上的快速鏈接非常有趣。
因此,本文就介紹了如何在Power BI 中實現類似的效果。在Power BI中實現其實很簡單,但可能,並不是每個人都會使用Power BI 按鈕的額外功能。在這篇文章中,會通過使用按鈕的“按鈕文本,填充”屬性,來實現在WHO網站上看到的外觀。本次案例要實現的效果如下視頻所示:
https://mp.weixin.qq.com/s/6PfbxtbzZy_vmU1O3u31eg
讓我們看看如何在Power BI中創建它:
1. 創建一個空白按鈕
2. 將文本添加到按鈕文本屬性中。該文章只選擇使用文本”按鈕 1”,”按鈕 2”等。
3. 添加一個線條形狀,並將該形狀的圖層,置於按鈕下面。
4. 默認鼠標懸浮的情況下,如下圖所示。
5. 選擇所有按鈕,將填充中”懸停時”狀態的透明度更改為100%。現在,您的按鈕將如下所示。
6. 最后,將按鈕文本中”懸停時”狀態的文本內容前綴添加空字符!
需要注意的是空字符並不能與空格打等號。使用空格是實現不了上面案例中的效果,如果你不知道如何去找空字符 可以從文章末尾復制一個空字符並將該文本粘貼你的按鈕文本中。在此示例中,都是在文字之前粘貼了空字符。在每個“按鈕文本”之前,都會輸入了三個空字符。就是這樣簡單,就可以在Power BI中獲得非常有趣的動畫效果。效果如下圖:
最后附上空字符供大家復制 “ ”
推薦閱讀
2. 玩轉數據,智啟未來 | 深圳站 Power BI DIAD實戰
3. 微軟 PowerBI 被評為2021商業智能領導者 - 14 年的企業產品奮斗史解讀
技術交流
1.Power BI免費下載:http://www.yeacer.com/
Microsoft Power BI Desktop中文最新版:下載地址
2.歡迎加入的Power BI技術群,目前正在學習階段,有興趣的朋友可以一起學習討論。
Power Data技術交流群:702966126 (驗證注明:博客園Power BI)
更多精彩內容請關注微信公眾號:悅策PowerBI
如果您覺得閱讀本文對您有幫助,請點一下“推薦”按鈕,您的“推薦”將是我最大的寫作動力!歡迎各位轉載。