FVS動態輪播條形圖

 適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 的相關功能。

1.1 版本

1.2 預期效果

在 SQL 查詢語句中設定時間參數過濾資料，時間參數的值會隨着時間而變化，然後定時重新整理圖表。如下圖所示：

2.1 建立範本

點選設計器左上角「檔案>建立視覺化看板」，建立一張空白看板，可自訂名稱和尺寸。如下圖所示：

2.2 資料準備

建立資料集 ds1，資料庫查詢語句如下：

SELECT 

貨主城市,

strftime('%Y-%m',訂購日期) 年月,

sum(運貨費) 運貨費

FROM 訂單

where strftime('%Y-%m',訂購日期)='${left(monthdelta("1997-01-01",mod(datetonumber(now())/1000,12)),7)}'

group by 貨主城市,strftime('%Y-%m',訂購日期)

order by 運貨費

2.3 範本設計

1）拖入條形圖，如下圖所示：

2）給條形圖綁定資料，如下圖所示：

3）條形圖樣式選擇「標題」，勾選標題可見，標題內容填寫公式=UNIQUEARRAY(ds1.select("年月"))，並設定懸浮位置 x 方向 50%，y 方向 50%。

注：公式表示獲取 ds1 資料集中「年月」欄位的資料並去掉陣列中的重複元素後傳回。

4）條形圖樣式選擇「圖例」，取消勾選圖例可見。

5）條形圖樣式選擇「標籤」，勾選使用標籤，正文勾選值，位置設定為外側。

6）條形圖樣式選擇「系列」，將系列間隔設定為 -100%。

注：因為本例分類和系列綁定了相同的欄位「貨主城市」，需將系列間隔設定為 -100% 才能使系列圖形更好的展示。

7）條形圖「互動」選擇「監視重新整理」，勾選開啟監視重新整理，時間間隔為 2 秒。實現每隔 2 秒自動重新整理。

2.4 效果預覽

2.4.1 PC端

點選範本右上角「儲存」按鈕，再點選「預覽」。預覽後的效果如 1.2 節所示。

2.4.2 行動端

預覽方式請參考 FVS行動端預覽 ，效果如下圖所示：

點選下載範本：FVS動態輪播條形圖.fvs