Skip to content

热力图

热力图(Heat Map)是指用 X 轴 和 Y 轴 表示的两个分类字段确定数值点的位置,通过相应位置的矩形颜色去表现数值的大小,颜色深代表的数值大。

热力图通过颜色变化来反映指标变化和数据的量级。通过热力图的颜色深浅,可以直观清楚地看到区域数据分布、密度和变化趋势,获取数据焦点而无需数据分析,让人一目了然。

**优势:**好看、易于理解,数据信息更直观有效,可以清晰地呈现数据在地理空间的分布、频率或密度情况。

**缺点:**效果过于柔化,不适合用作数据的精确表达,且不适合比较单一变量的大小。

设置项

数据设置

设置项说明
数据源选择热力图的数据来源,热力图必须通过数据源进行聚合查询分组配置。
坐标系类型热力图仅支持在二维直角坐标系显示
名称字段选择数据源返回的字段,该字段用于热力图标签的名称显示,通常结合悬浮显示菜单进行显示
横轴字段选择“数据源“菜单中返回的字段列表字段,将其设置为图表横坐标
纵轴字段选择“数据源“菜单中返回的字段列表字段,将其设置为图表纵坐标

由于热力图是通过X、Y轴两个分类对数值进行分组定位,所以在选择数据源时一般需要进行分组聚合处理。例如需要查看各客户订单金额与订单状态分布时,我们需要在原始数据表(销售订单)中对订单总金额进行聚合求和,并通过客户名称及订单状态进行分组,这样我们就可以得到很坐标为状态,纵坐标为客户名称,订单金额为数值的热力图了。

wecom-temp-753b05ede62161dd7f820a4edf0bb069

图表设置

设置项说明
X坐标轴选择热力图所在的横轴,坐标轴可在横轴菜单添加
Y坐标轴选择热力图所在的纵轴,坐标轴可在纵轴菜单添加
颜色分配类型配置热力图中图形的颜色效果,选项:按照图表分配调色盘中的颜色按照数据项分配的调色盘中的颜色
多个图表聚合时可选择按图表分配,单一图表可选择按数据项分配,具体色值可在样式菜单调色盘中调整
图形样式配置热力图形的样式。
选项:空心圆圆点矩形圆角矩形三角形菱形针头箭头
图形大小配置数值项图形的大小
图形旋转角度配置数值项图形的旋转角度

标签设置

设置项说明
显示标签开启或关闭热力图上的标签显示
显示内容表达式可自定义编辑表达式语法,实现复杂场景内容显示,显示优先级低于【显示内容】
显示内容可编辑标签显示内容,不支持除提示内容外的复杂表达式语法,显示优先级高于【显示内容表达式】
位置可以选择标签在热力图图形上的显示位置
距离图形的距离设置标签距离热力图中图形的距离
标签旋转设置标签旋转的角度
文字偏移X设置标签文字距离X轴的距离
文字偏移Y设置标签文字距离Y轴的距离
颜色设置标签文本的颜色
背景色设置标签文本的背景色,需结合文字样式中行高、内边距、宽度、高度等参数一起使用方可生效
文字样式设置标签文本为斜体或正常模式
字体粗细设置标签字体粗细,选项:默认粗体非常粗
字体设置标签字体样式,选项:sans-serifserifmonospaceArialCourier NEW
字号设置标签字号大小,字号不小于12,不得超过100
水平对齐设置标签文字的水平对齐方式,包括自动、居左、居中、居右四种方式
垂直对齐设置标签文字的垂直对齐方式,包括自动、顶部、居中、底部四种方式
行高设置标签文本的行高高度,当文字超出宽度处理选择了换行选项后可生效
内边距设置标签文本在背景框内的距离长度
宽度设置标签文本的最大显示宽度,一般需结合超出宽度处理做换行等配置
高度设置标签文本的显示高度,仅影响文本背景高度,不影响文字本身显示
超出宽度处理标签超出最大宽度后的处理方式,包括换行和截断省略显示两种,设置为无后则最大宽度不生效
描边宽度设置标签背景图的描边宽度,需设置描边颜色后方可生效
描边颜色设置标签背景的描边颜色色值
描边圆角设置标签背景的描边圆角度数
阴影颜色设置标签背景的阴影颜色,需设置标签背景色以及阴影大小后生效
阴影大小设置标签背景的阴影大小
阴影水平偏移设置标签背景阴影在水平方向的偏移距离
阴影垂直偏移设置标签背景阴影在垂直方向的偏移距离

线条样式

在热力图中线条样式指热力色块的样式。

设置项说明
颜色热力图目前不支持自定义颜色
边框颜色设置热力色块的边框的颜色效果
描边类型配置热力色块的描边类型。
选项:实线虚线点划线
描边宽度设置热力色块的描边宽度
描边圆角设置热力色块的描边圆角角度
阴影颜色设置热力色块的阴影颜色
阴影设置热力色块的阴影大小
阴影水平偏移设置热力色块的阴影在水平方向的位置
阴影垂直偏移设置热力色块的阴影在垂直方向的位置
透明度设置热力色块的透明度,透明度取值在0至1之间

标签布局

设置项说明
隐藏重叠的标签开启后会将内容重叠在一起的标签进行隐藏
重叠式偏移方向当标签重叠在一起时可选择标签位移的方向,可选择水平或垂直位移两种方式

高亮设置

设置项说明
禁用高亮禁用高亮后,鼠标移至标签位置后不再对标签进行高亮显示
高亮时行为设置高亮显示的交互样式
淡出的范围设置高亮时交互界面淡出的选择范围,提供淡出坐标系、淡出图表或全局淡出三种方式

事件

设置项说明
不可点击开启后该图标内所有标签数据无法进行点击,关闭后可设置对应的数据点击交互事件
点击后调用自动化可通过选择对应的自动化实现相关数据标签单击交互事件,如点击后打开对应的数据表单详情或者打开其他网页链接等
双击后调用自动化功能与点击调用相同,交互由单击触发改为双击触发,可同时设置点击、双击事件

效果图

ThermalMap1