FVS動態輪播折線圖

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

1.1 版本

1.2 預期效果

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

效果一：

效果二：

2.1 方案一：分類值動態變化

2.1.1 建立範本

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

2.1.2 資料準備

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

SELECT 

貨主城市,

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

sum(運貨費) 運貨費

FROM 訂單

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

and strftime('%Y',訂購日期)='1997'

and 貨主城市 in ('天津','秦皇島','南京')

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

2.1.3 範本設計

1）拖入折線圖，如下圖所示：

2）給折線圖綁定資料，如下圖所示：

3）折線圖樣式選擇「標籤」，勾選「使用標籤」，正文勾選「值」。

4）折線圖「交互」選擇「監視重新整理」，勾選開啟監視重新整理，時間間隔為 1 秒。實現每隔 1 秒自動重新整理。

2.1.4 效果預覽

1）PC端

點選範本右上角「儲存」按鈕，再點選「預覽」。折線圖效果如下圖所示：

2）行動端

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

2.2 方案二：分類值固定不變

2.2.1 報表設計

資料集 ds1 修改如下：

select a.貨主城市,a.年月,b.運貨費 from (

SELECT 

distinct 貨主城市,strftime('%Y-%m',訂購日期) 年月

FROM 訂單

where strftime('%Y',訂購日期)='1997'

and 貨主城市 in ('天津','秦皇島','南京')

) a 

left join (

SELECT 

貨主城市,

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

sum(運貨費) 運貨費

FROM 訂單

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

and strftime('%Y',訂購日期)='1997'

and 貨主城市 in ('天津','秦皇島','南京')

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

) b on a.貨主城市=b.貨主城市 and a.年月=b.年月

其他步驟按照方案一設定即可。

2.2.2 效果預覽

1）PC端

點選範本右上角「儲存」按鈕，再點選「預覽」。折線圖效果如下圖所示：

2）行動端

點選下載範本：

分類值動態變化.fvs

分類值固定不變.fvs