日历图

1.1 應用場景

日曆圖（Calendar Heatmap），是指熱力圖和日曆圖兩者組合的時序圖，是一種雙變數圖，由時間變數和另一種變陣列成。日曆圖可以反映出在一段日期內的數值分佈情況，有利於分析人員在時間跨度上對某些資料進行對比分析。

可以應用在：

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

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

常見效果如下圖所示：

1.2 基本要求

日曆圖的基本要求：

1）維度欄位 >=1，且必須為完整日期格式。

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

1.3 圖表特點

優點：有效結合了熱力圖和日曆圖，清晰呈現了隨自然日曆變化的指標大小。

缺點：只適合展現一到兩個指標的變化。

2.1 新增組件

建立儀表板，點選「新增組件」，選擇「火電資料」表。如下圖所示：

2.2 生成圖表

1）在圖表型別下選擇「自訂圖表」，將「年月日」欄位拖入橫軸。如下圖所示：

2）滑鼠懸浮在橫軸中的「年月日」欄位上，點選右下角的倒三角，選擇「更多分組>日」。如下圖所示：

3）將「年月日」欄位拖入到縱軸中，滑鼠懸浮在縱軸中的「年月日」欄位上，點選右下角的倒三角，選擇「更多分組>月份」。如下圖所示：

4）圖形屬性下，圖表型別選擇「矩形塊」。如下圖所示：

5）點選「組件樣式>自適應顯示」，選擇「整體適應」。如下圖所示：

2.3 美化組件

2.3.1 設定標籤

將「年月日」欄位拖入標籤欄，滑鼠懸浮到標籤欄的「年月日」欄位上，點選倒三角，選擇「更多分組>日」。如下圖所示：

2.3.2 設定顏色

將「FDL_DR」欄位拖入到顏色欄，點選「顏色」欄，漸變方案選擇「未來」。如下圖所示：

2.3.3 取消圖例

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

2.3.4 修改橫縱軸欄位名稱

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

2.4 效果查看

2.4.1 PC 端

如下圖所示：

2.4.2 行動端

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

1）在本文範例基礎上，將「年月日」欄位拖入縱軸中，設定以年為分組。如下圖所示：

2）資料可以按照年份進行分組。如下圖所示：

橫軸拖入多個欄位的效果如下圖所示：

需注意：

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