历史版本6 :日历图-全年 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

日历图(Calendar Heatmap),是指热力图和日历图两者组合的时序图。是一种双变量图,由时间变量和另一种变量组成,其具体形式则是由小色块群有序且紧凑地以日历格式组成的图表,每个小色块代表时间变量(一天),而小色块颜色则代表另一种变量,每个小色块都根据另一种变量的值进行颜色编码。其中,另一种变量的类型可以是定类/定序数据,也可以是定比/定距数据。

常见效果如下图所示:

image.png

1.2 基本要求

日历图的基本要求:

1)维度字段 >=1,且必须为完整日期格式。

2)日期数据必须连续,否则日历图无法按顺序排列。

1.3 图表特点

优点:有效结合了热力图和日历图,清晰呈现了随自然日历变化的指标大小。

缺点:只适合展现一到两个指标的变化。

2. 示例编辑

2.1 创建组件

2.1.1 数据预处理

1)点击数据准备,点击添加表,选择自助数据集,如下图所示:

image.png

2)添加样式数据下的火电数据全选所有字段,取表名为日历数据,并点击保存,如下图所示:

image.png

3)点击新增列,填入列名为字段类型选择文本,输入公式WEEK(),往函数括号中点击放入时间字段年月日,变成:WEEK(年月日),点击确定,如下图所示:

image.png

4)点击新增列,填入列名为星期字段类型选择文本,输入公式WEEKDAY(),往函数括号中点击放入时间字段年月日,变成:WEEKDAY(年月日),点击确定,如下图所示:

image.png

5)点击新增列,填入列名为字段类型选择文本,输入公式MONTH(),往函数括号中点击放入时间字段年月日,变成:MONTH(年月日),点击确定,如下图所示:

image.png

6)点击新增列,填入列名为字段类型选择文本,输入公式YEAR(),往函数括号中点击放入时间字段年月日,变成:YEAR(年月日),点击确定,如下图所示:

image.png

7)点击新增列,填入列名为,输入公式DAY(),往函数括号中点击放入时间字段年月日,变成:DAY(年月日),点击确定,如下图所示:

image.png

8)点击保存,完成数据集编辑。如下图所示:image.png

2.1.2 创建图表

1)点击仪表板 Tab,选择新建仪表板,点击确定,如下图所示:

1588647525439037.png

2)点击新建组件,选择 我的自助数据集 下的 日历数据,点击确定,如下图所示:

image.png

3)将待分析区域维度下的字段 周 依次拖入横轴中,星期 拖入纵轴中,如下图所示:

image.png

4)点击图形属性的图表类下拉框,选择矩形块,如下图所示:

image.png

5)点击组件样式,选择自适应显示整体适应,如下图所示:

image.png

6)将待分析区域指标下的FDL_DR拖入颜色中, 拖入标签中,如下图所示:image.png

2.2 图形属性设置

点击颜色栏,选择渐变方案未来如下图所示:

image.png

详情参见:图形属性-颜色 。

同时可设置标签、提示、细粒度等,详情参见:图形属性 。

2.3 组件样式设置

选择组件样式,取消勾选图例显示,如下图所示:

还可以设置组件的图例、网格线、背景、自适应显示等等,详情参见:图表组件样式 

image.png

2.4 分析区域字段设置

2.4.1 维度字段-轴标签设置

点击字段下拉框,选择设置分类轴,在设置中取消选择显示轴标签,点击确定,如下图所示:

image.png

同时还可设置组件的网格线、背景、自适应显示等等,详情参见:图表组件样式 。

2.4.2 指标字段-轴标题设置

点击星期字段下拉框,选择设置分类轴,在设置中取消选择显示轴标题,点击确定,如下图所示:

image.png

同时可设置 图表汇总方式 、图表快速计算 、图表数值格式图表特殊显示图表设置分析线 等。

2.5 效果预览

2.5.1 PC端

选择对应仪表板,点击预览,图表如下图所示:

image.png

2.5.2 移动端

2020-08-13_12-52-45.gif