日历热力图

日历热力图是由小色块有序且紧凑的组成的图表,以日历格式展示,从而在基础热力图的基础上增加了时间的维度,用来展示一段时间内的数据分布情况。

该组件在软件中的位置如下图所示:

选中组件时可以对组件进行设置,包括数据设置、样式设置和交互设置,其中数据设置如下图所示:

上图中日期字段和取值字段都只包含一个字段。(关于如何添加字段请参考新手入门教程)

上图中所用示例数据如下:

日期字段 取值字段
2017 年 7 月 5 日 123
2017 年 7 月 6 日 654
2017 年 7 月 7 日 258
2017 年 7 月 8 日 741
2017 年 7 月 9 日 963
2017 年 7 月 10 日 99
2017 年 7 月 11 日 82
2017 年 7 月 12 日 753
2017 年 7 月 13 日 65
2017 年 7 月 14 日 148
2017 年 7 月 15 日 951
2017 年 7 月 16 日 357
2017 年 7 月 17 日 825
2017 年 7 月 18 日 23

交互的设置如下图所示:

(1)切换组件状态

可选择组件绑定状态
点击加号进行增加和批量设置

(2)刷新大屏数据

可开启后刷新大屏数据

(3)添加链接

可链接到 URL 或子大屏

(4)打开弹窗

绑定到弹窗分组

(5)关闭弹窗

绑定到弹窗分组

(6)切换到选项卡

可选择切换到选项卡组以及其中的第几项
点击加号增加和批量设置

样式的设置如下图所示:

(1)基本设置

包括:允许演示控制、是否显示。

(2)色块

包括:月末线条是否显示、色块边框和色块颜色区间的设置。

(3)文本设置

文本的设置包括:星期和月份。

(4)内边距

内边距可以设置组件中心距离上下左右边框各自的位置,单位为 px。

(5)动画

动画效果可以对入场动画、展示动画和离场动画进行设置。

需要注意的是,未开启循环播放时,动画只在启动全屏时播放一次,开启循环播放之后才会按照间隔时间循环播放动画。

(6)大小和位置

通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入 X 坐标、Y 坐标、宽和高来设置。

三维空间旋转还可以输入任意数值,数值对应角度向 X 轴/y 轴旋转。

(7)边框设置

边框的设置包括:边框颜色、边框宽度、图形边框圆角半径和边框样式。

(8)背景设置

组件默认没有背景颜色,如果需要设置背景颜色,可以在这里进行设置,也可以将背景设置为一张图片或视频,可以选择填充方式。