日曆圖-全年

1. 概述

1.1 版本

FineBI 版本功能變動
6.0-

1.2 應用場景

日曆圖是一種將時間資訊以圖形方式展示的工具,它通常用於展示一段時間內的資料變化,有利於分析人員在時間跨度上對某些資料進行對比分析,比如銷售量、股票價格、工作進度等。

可以應用在:

  • 顯示本年每天的運動步數,用顏色深淺區分當天步數的多少。

  • 展示某城市的空氣品質,顯示該城市本年每天的 PM2.5 資料。

例如,用日曆圖展示2017年9月27日至2018年9月26日每天的FDL_DR資料,顏色越深,表明資料值越大,如下圖所示:

1723704243983405.png

1.3 實現思路

使用自訂圖表,「圖形屬性」下形狀選擇「矩形塊」,橫縱軸拖入日期實現。

1.4 基本要求

日曆圖的基本要求:

注1:維度欄位必須為完整的日期格式。

注2:日期資料必須連續,否則日曆圖無法按順序排列。

圖表效果
維度欄位指標欄位
日曆圖>=11

1.5 圖表特點

1)優點

  • 直覺性:日曆圖透過顏色或圖案的變化直覺地展示資料,使得使用者可以迅速把握時間序列上的變化

  • 易於理解:日曆圖的格式類似於我們日常使用的日曆,因此使用者無需額外學習即可理解圖表所表達的資訊

2)缺點

  • 缺乏趨勢線:與折線圖或面積圖相比,日曆圖通常不包含趨勢線,這可能使得識別長期趨勢更加困難

  • 資料比較困難:在日曆圖上比較不同時間點或不同類別的資料可能不如其他類型的圖表直覺

2. 範例

2.1 準備資料

1)使用者登入 FineBI 系統,點選「我的分析」,選中某個資料夾,點選「建立分析主題」,如下圖所示:

建立分析主題 .jpg

2)點選「本地Excel檔案>上傳資料」,上傳表資料。如下圖所示:

範例資料火電資料.xlsx

上傳表資料 .jpg

3)上傳後,點選「確定」按鈕。如下圖所示:

1 點選確定.jpg

2.2 建立組件

1)點選左下角「組件」按鈕。

2)在圖表類型下選擇「自訂圖表」,形狀選擇「矩形塊」。

3)將左側待分析區域的「年月日」欄位拖入橫軸和縱軸,如下圖所示:

1723702597445155.png

4)點選橫軸「年月日」欄位的下拉按鈕,選擇「更多分組>日」,如下圖所示:

1723702728985140.png

5)點選縱軸「年月日」欄位的下拉按鈕,選擇「更多分組>月份」,如下圖所示:

1723702890114058.png

6)點選「組件樣式>自適應顯示」,勾選「整體適應」,如下圖所示:

1723703071109886.png


2.3 美化組件

2.3.1 設定標籤

1)將左側待分析區域的「年月日」拖入「圖形屬性」下的標籤欄,如下圖所示:

1723703219842914.png

2)點選標籤欄「年月日」的下拉按鈕,選擇「更多分組>日」,圖表則會顯示「日」標籤,如下圖所示:

1723703346779713.png

2.3.2 設定顏色

1)將左側待分析區域的「FDL_DR」欄位拖入到顏色欄,如下圖所示:

1723703422671811.png

2)點選顏色設定按鈕,在彈出的設定框中漸變類型勾選「區域漸變」,漸變區間選擇「自訂」,設定為7個區間,分別為0-4000,4000-5000,5000-6000,6000-7000,7000-8000,8000-9000,9000-10000,數值越大,顏色越深,如下圖所示:

1723703587639583.png

2.3.3 取消圖例

點選「組件樣式>圖例」,取消勾選「顯示全部圖例」,如下圖所示:

1723703650756914.png

2.3.4 修改橫縱軸欄位名稱

分別雙擊橫縱軸上的欄位,修改其名稱為「日」、「月」,如下圖所示:

2024-08-15_14-35-34.png

2.4 建立儀表板

1)點選分析主題編輯介面下方新增儀表板。

2)進入儀表板編輯介面,將組件拖入至儀表板中,如下圖所示:

1723703840304274.png

3)下拉選擇「編輯標題」,樣式選擇「自訂」,設定標題為「日曆圖」,點選「確定」。如下圖所示:

1723703974190876.png

2.5 效果查看

2.5.1 PC 端

如下圖所示:

1723704094404078.png

2.5.2 行動端

App 及 HTML5 端效果如下圖所示:

1723704176459369.png

3. 縱軸拖入多個欄位

1)在本文範例基礎上,將左側待分析區域的「年月日」欄位再次拖入縱軸中,如下圖所示:

1723704708912570.png

2)設定剛剛拖入的「年月日」欄位為「年」分組,如下圖所示:

1723704795114801.png

3)縱軸資料便按照年份進行分組,如下圖所示:

1723704848986950.png

4. 橫軸拖入多個欄位

1)在本文範例基礎上,將左側待分析區域的「年月日」欄位再次拖入橫軸中,如下圖所示:

2024-08-15_14-48-06.png

2)設定剛剛拖入的「年月日」欄位為「年」分組,如下圖所示:

1723704583436189.png

3)橫軸資料便按照年份進行分組,如下圖所示:

1723704642697828.png

5. 注意

若希望日曆圖中的日期按照「星期」有序排列,需要在「管理系統>系統管理>標準>週開始於」中選擇「星期一」,重啟工程。如下圖所示:

1723704963855457.png


附件列表


主题: 製作視覺化組件
已经是第一篇
已经是最后一篇
  • 有帮助
  • 没帮助
  • 只是浏览
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

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

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

不再提示

10s後關閉

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

反馈已提交

网络繁忙