動態輪播條形圖

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

附件列表


主題: 圖表應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

9s后關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙

反饋已提交

網絡繁忙