> ## 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. 简介

### 1.1 功能简介

热力图上，你可以设置【横轴】、【纵轴】、【数值】，并可以根据横轴、纵轴、数值通过条件样式设置颜色

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1625921944220-cac7fa00-e37b-4f1f-b733-ffc0f4925d39.png)
</Frame>

亮点：可以自行控制组件的大小和随意移动组件位置（靠左、居中、靠右）

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626425964423-f1608269-171a-4711-9fa7-8cd1fedc63bd.png)
</Frame>

### 1.2 基本要求

热力图的基本要求如下：

| **横轴** | **纵轴** | **数值** |
| ------ | ------ | ------ |
| 1 个字段  | 1个字段   | 1个字段   |

## 2. 操作步骤

### 2.1 选择组件，配置数据集

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1640586299757-39f947b0-58ce-42ee-b66f-3c9f196d6f98.png)
</Frame>

选择数据集

#### 2.2 选择图表展示字段

将右边的字段拖动放到【横轴】、【纵轴】、【数值】上

**可以直接选择数据集下的字段，也可以通过公式生成，如何使用公式请查看**[报表公式](/zh/yida/form/yrofmw)

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626423307632-cda322dd-89fd-466e-9104-c530fca877ca.png)
</Frame>

选择数据

### 2.2  样式设置

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626423403062-f4bed3e3-a1b5-40e6-a8c8-2e30ae5d434b.png)
</Frame>

样式设置

#### 2.2.1 横轴

* 轴显示 ：是否显示该轴
* 标题 ：是否显示坐标轴的标题，默认关闭，可打开，打开后可输入显示标题，如不输入则显示字段名

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626423477182-619a83df-8105-40a2-a6c9-194e3974b49b.png)
</Frame>

设置横轴

#### 2.2.2 标签

配置坐标轴标签信息，包括颜色、大小、旋转角度等

* 旋转角度（自动位置） ：设置坐标轴标签的角度，可开启自动位置根据页面情况自动旋转（建议开启自动位置）
* 自动稀疏 ：自动设置坐标轴标签间的间距，建议开启

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626423540277-3ae206da-917f-4504-821e-bc29a4a1fb5b.png)
</Frame>

标签配置

#### 2.2.3 文本顺序

自定义文本顺序，按照输入坐标轴标签名顺序展示，多个用英文","隔开，如图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626423668321-a94594ef-3ceb-4564-b8b9-350ecd79ce1e.png)
</Frame>

文本顺序

#### 2.2.4 纵轴

和横轴设置一样，如图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626423899529-5e76607d-69c3-452b-aa69-fd0ccd67cb92.png)
</Frame>

纵轴设置

#### 2.2.5 提示信息

支持开启与关闭，开启后鼠标移上去就会显示信息，开启的效果：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626423986212-a267ebf9-3d94-485b-95e9-855ae1c282b5.png)
</Frame>

#### 2.2.6 标签：在字段中配置【数值】的样式设置

* 是否显示
* 字号大小
* 颜色：默认自动颜色（根据背景自动变化），也可以自定义
* 内容：值、百分比、值（百分比）

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626424099961-256eb382-6695-43f1-871b-c64a77c6aa1f.png)
</Frame>

标签设置

## 3. 更多信息

此处为语雀内容卡片，点击链接查看：[https://www.yuque.com/go/doc/49490921](/zh/yida/report/qpdzl5)