動態輪播折線圖

1.1 問題描述

折線圖預覽時，有時不需要將全部內容展示出來，而是隨着時間維度的增量，依次展現。如下圖所示：

效果一：

效果二：

1.2 實現思路

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

注：FVS 視覺化看板詳情可見：FVS動態輪播折線圖 。

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

2.1.1 報表設計

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)}'

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

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

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

2）菜單欄點選「範本>範本參數」，建立一個預設值為=now的範本參數 a 。

3）決策報表 body 組件的佈局方式改為絕對佈局，決策報表設計主體中拖入折線圖，如下圖綁定資料資訊。

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

5）新增定時重新整理，折線圖特效選擇交互屬性，開啟後台檢查，時間間隔為1秒。

2.1.2 效果預覽

1）PC端

儲存報表，點選「PC端預覽」，折線圖效果如下圖所示：

2）行動端

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())-datetonumber(a))/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端

儲存報表，點選「PC端預覽」，折線圖效果如下圖所示：

2）行動端

已完成範本可參見：

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\Chart\LineChart\分類值動態變化.frm

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\Chart\LineChart\分類值固定不變.frm

點選下載範本：

分類值固定不變.frm

分類值動態變化.frm