> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 日历热力图

> 日历热力图是根据日历展示不同时间的进展情况，并根据数值的不同进行配色的调整，适用于回顾时间周期内代码量、工作情况等场景。提供免费版、轻享版、专业版和专属版服务选项，支持样式设置如方块大小与等分颜色配置。

| **能力** | **免费版** | **轻享版** | **专业版** | **专属版** |
| ------ | ------- | ------- | ------- | ------- |
| 日历热力图  | 不支持     | 支持      | 支持      | 支持      |

## 1. 简介

日历热力图是根据日历展示不同时间的进展情况，并根据数值的不同进行配色的调整,**适用于回顾时间周期内代码量、工作情况等场景**

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1630918960837-c1e74648-e9fa-4b84-8c8f-d47a8b16024b.png)
</Frame>

## 2. 操作说明

### 2.1 关联数据集

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1643074215295-8f1afd4d-4454-4e79-85f7-397857ac6e71.png)
</Frame>

### 2.2 选择字段

注意在【日期】字段中要选择时间字段，否则会渲染失败

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1643074243584-4defe5ce-2c20-48b1-91ae-2fe200294bc7.png)
</Frame>

### 2.3 样式设置

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1630919108356-af1bbd49-ac9f-41f0-bcd5-1d6a05649207.png)
</Frame>

#### 2.3.1 方块大小

日历中每个方块的大小，可以配置大小

#### 2.3.2 等分颜色

对于所有数值按照填写颜色的个数等分

以下为“数值字段”的区间在\[0, 19]范围内，“等分颜色”为 #F2F3F5,#98caff,#518ff9,#005cbe 的效果，

* \#F2F3F5 代表最小值 0
* \#98caff 代表值在 (0, 7] 区间内
* \#518ff9 代表值在(7, 14] 区间内
* \#005cbe 代表值（14， +∞]

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1630919138886-eec27fce-1b7c-4682-a462-2303627fb4eb.png)
</Frame>

### 3. 常见问题

#### 3.1 移动端显示热力图有重合

数据过多时，建议在 PC 端查看，移动端显示效果可能不佳
