Dark
Font:

[Lab 14] 進階圖表-動畫橫條賽跑圖 Animated Bar Race Chart

  1. 接下來新增另一個圖表「Animated Bar Race Chart」如下圖,並將該圖表拉到適當的位置及調整大小。
  1. 將「Date」放到「Chart Periods」,將「捷運站名」放到「Chart Items」,將「總人次」放到「Chart Values」,將出現如下圖,可以立即看到跑動的圖,這是依日期每一天的前幾大站的動態圖,適合用視覺化的方式觀察長期的趨勢變化。(例如: 小戴的世界排名演進影片,可以看到排名依時間不斷的往上爬 – https://youtu.be/_7kdZ0GOf9U?t=165  )
  1. 請在圖表的格式中,修改 Tick Duration 為 1500 (表示 1500 毫秒 = 1.5 秒才會更新一次圖表,才不會感覺跳得很快); TopN 欄位是指想顯示幾個站,一開始的設定為前12大站。(其它的設定,可以自己試試各種效果,Power BI圖表一定要多玩才會有感覺)。
  1. (額外步驟-想挑戰者可試試)。若要讓你的「動畫橫條賽跑圖 Animated Bar Race Chart」可以依日期開始跑,右上角想要顯示每一天的日期,例如 20210630,請問該如何做?

(提示:因這個圖表的 Chart Periods欄位需為數字類型,若你想要呈現 20210630,是不是可以從 Date表格中的年/月/日去新增出一個新的欄位呢?自動動手試試看,以下是我的做法)

請跟著做: 於資料區,按上方功能鈕「新增資料行」,表示要新增一個欄位,接下來在空白區中輸入公式 :

DateNumber = '日期'[Date].[年]*10000 + '日期'[Date].[MonthNo]*100 + '日期'[Date].[日]

, 將新增欄位叫「DateNumber」,其值為將年月日轉為數字,例如: 2019/1/1 轉為 20190101。

接下將這個圖表的「Chart Periods」重拉,設為 DateNumber 欄位,如下圖,

Chart Periods 欄位請留意是否設定為「不摘要」,如下圖,才會正常顯示日期的數字於右上角,這樣就大功告成了! 再來看一次跑出來的效果。