1. 概述
1.1 問題描述
當資料源中包含分類、系列和時間維度時,希望按照時間從小到大依次輪播圖表資料;或者希望有多個柱子可以輪播捲動查看。如下圖所示:
1.2 實現思路
在 SQL 查詢語句中設定時間參數過濾資料,時間參數的值會隨着時間而變化,然後定時重新整理圖表。
注:FVS 視覺化看板詳情可見:FVS動態輪播條形圖 。
2. 範例
2.1 資料準備
建立普通報表,建立資料集 ds1,資料庫查詢語句如下:
SELECT
貨主城市,
strftime('%Y-%m',訂購日期) 年月,
sum(運貨費) 運貨費
FROM 訂單
where strftime('%Y-%m',訂購日期)='${left(monthdelta("1997-01-01",mod((datetonumber(now())-datetonumber(a))/1000,12)),7)}'
group by 貨主城市,strftime('%Y-%m',訂購日期)
order by 運貨費
2.2 報表設計
1)菜單欄點選「範本>範本參數」,建立一個參數,雙擊重新命名為 a ,預設值為公式 =now() 。如下圖所示:
2)被選儲存格,點選上方工具欄插入圖表按鈕,即可插入「條形圖」。點選「資料」,具體設定如下圖所示:
3)點選「樣式」選擇「標題」,勾選標題可見,標題內容填寫公式=UNIQUEARRAY(ds1.select("年月")),並設定懸浮位置 x 方向 50%,y 方向 50%,字元為 26 號字體。
注:公式表示獲取 ds1 資料集中「年月」欄位的資料並去掉陣列中的重複元素後傳回。
4)條形圖樣式選擇「圖例」,取消勾選圖例可見。
5)條形圖樣式選擇「標籤」,勾選使用標籤,正文勾選值,位置設定為外側。
6)條形圖樣式選擇「系列」,將系列間隔設定為 -100%。
注:因為本例分類和系列綁定了相同的欄位「貨主城市」,需將系列間隔設定為 -100% 才能使系列圖形更好的展示。
7)條形圖「特效」選擇「交互屬性」,開啟監視重新整理後台檢查,時間間隔為 1 秒。實現每隔 1 秒自動重新整理。
2.3 效果預覽
2.3.1 PC 端
儲存報表,點選「PC端預覽」,其效果如 1.1 節所示。
2.3.2 行動端
APP 和 HTML 端均支援,效果如下圖所示:
3. 範本下載
點選下載範本:動態輪播條形圖.cpt