# 热力图
本章节主要介绍热力图组件各配置项的含义。
图1热力图   
![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001088434223.png "点击放大")
#### 样式
- **尺寸位置**
  - 图表尺寸：设置图表的宽和高。单位为px。
  
  - 图表位置：设置图表在画布中的位置。单位为px。
   
- **全局样式**
  - 字体：设置图表中文字的字体。
  
  - 背景色：单击颜色编辑器设置图表的背景色。
  
  - 不透明度：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173263957.png)设置图表的不透明度。
   
- **边距**
  - **顶部** ：设置图表与图层顶部的间距，可以通过输入数值或单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0209392592.png)调节。
  
  - **底部** ：设置图表与图层顶部的间距，可以通过输入数值或单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0209392640.png)调节。
  
  - **左侧** ：设置图表与图层左侧的间距，可以通过输入数值或单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0209392643.png)调节。
  
  - **右侧** ：设置图表与图层右侧的间距，可以通过输入数值或单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0209392658.png)调节。
   
- **x轴**
  - 显示/隐藏x轴：单击"x轴"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265661.png)表示显示x轴，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265662.png)表示隐藏x轴。
  
  - 字号：设置x轴文本的字号大小。
  
  - 颜色：设置x轴文本的字体颜色。
  
  - 字体粗细：设置x轴文本的字体粗细。
  
  - 角度：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265663.png)设置x轴文本的偏移角度。
  
  - 标签间隔：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265664.png)设置x轴文本的间隔。
  
  - 最小标签：单击"最小标签"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265665.png)表示显示最小标签，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265666.png)表示隐藏最小标签。
  
  - 最大标签：单击"最大标签"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265667.png)表示显示最大标签，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265668.png)表示隐藏最大标签。
  
  - 最小值：设置x轴的最小值。
  
  - 最大值：设置x轴的最大值。
  
  - 网格线：设置x轴的网格线颜色和宽度。
  
  - 坐标轴：设置x坐标的颜色和宽度。
  
  - 轴刻度：单击"轴刻度"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265669.png)表示显示轴刻度，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265670.png)表示隐藏轴刻度。
  
  - 轴单位：设置x轴的单位名称，单位名称的字体颜色和位移。
  
  
  图2x轴-热力图   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001088734155.png "点击放大") 
- **y轴**
  - 显示/隐藏y轴：单击"y轴"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265783.png)表示显示y轴，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265784.png)表示隐藏y轴。
  
  - 字号：设置y轴文本的字号大小。
  
  - 颜色：设置y轴文本的字体颜色。
  
  - 字体粗细：设置y轴文本的字体粗细
  
  - 角度：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265785.png)设置y轴文本的偏移角度。
  
  - 标签间隔：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265786.png)设置y轴文本的间隔。
  
  - 最小标签：单击"最小标签"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265787.png)表示显示最小标签，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265788.png)表示隐藏最小标签。
  
  - 最大标签：单击"最大标签"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265789.png)表示显示最大标签，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265790.png)表示隐藏最大标签。
  
  - 最小值：设置y轴的最小值。
  
  - 最大值：设置y轴的最大值。
  
  - 网格线：设置y轴的网格线颜色和宽度。
  
  - 坐标轴：设置y轴的颜色和宽度。
  
  - 轴刻度：单击"轴刻度"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265791.png)表示显示轴刻度，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173265792.png)表示隐藏轴刻度。
  
  - 轴单位：设置y轴的单位名称，单位名称的字体颜色和位移。
   
- **视觉映射**
  - 最小值：单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173266003.png)设置视觉映射的最小值。
  
  - 最大值：单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173266004.png)设置视觉映射的最大值。
  
  - 填充颜色：单击颜色编辑器设置视觉映射时的颜色。
  
  - 映射显示：单击"映射显示"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173266005.png)表示显示映射，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173266006.png)表示隐藏映射。
  
  - 映射类型：单击下拉框选择映射类型，可设置为分段型或连续型。
  
  - 方向：单击下拉框选择映射的方向，可设置为水平或垂直。
  
  - 宽度：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173266007.png)设置映射时的宽度。
  
  - 高度：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173266008.png)设置映射时的高度。
  
  - 左侧：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173266009.png)设置映射时左侧的位置。
  
  - 底部：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173266010.png)设置映射时底部的位置。
  
  - 文字：设置映射时文字的颜色和字号。
  
  
  图3视觉映射-热力图   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001088891919.png "点击放大") 
- **提示信息**
  - 显示/隐藏提示信息：单击"提示信息"右侧的勾选框，![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0209414676.png)表示预览组件或查看发布组件，鼠标悬浮在图上时显示提示信息；![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0209414684.png)表示预览组件或查看发布组件，鼠标悬浮在图上时不显示提示信息。
  
  - 触发类型：设置提示信息的触发类型，可以选择坐标轴和数据项。
  
  - 颜色：设置提示信息的字体颜色。
  
  - 字号：设置提示信息的字号大小。
  
  - 字体粗细：设置提示信息的字体粗细样式。
   
 
#### 数据
如何使用组件的数据配置，请参照[设置组件数据](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0814.html)。
#### 交互
关于组件是否支持交互功能及交互的使用方法，请参考[设置组件事件交互](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0815.html)。