{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

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


优势好看、易于理解,数据信息更直观有效。 

劣势:不适合比较单一变量的大小。 

数据要求:两个分类轴,一个指标轴,分类轴的数据量不宜太少。 

适用场景热力图主要用于展示连续型数据的分布情况。例如用颜色展现某一范围内不同地区数据量的差异,网站分析等等。 

不适用场景:

1)  两个分类维度的组合40%以上都不具有度量值,导致矩形空缺过多的数据。 

2) 大部分的度量值数据差值百分比都低于5%,会导致大部分矩形颜色会过于相近,难以辨别,无法查看各度量值的大小比较信息 。

 

 

{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

业务情景描述:查看公司各个发货区域产品销售数量的差异。

数据结构 :

基础数据以明细表的形式存储。

定制要点:

设置“发货区域”字段、“产品目录名称”字段为分类项,“数量”字段为指标项。

预览效果:

 

 

{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

热力图的属性包括数据设置、基本设置、标题、坐标轴、提示、工具、高级、扩展属性等,具体请参考下面表格:

属性热力图
数据设置



字段
分类(X)轴

指标(Y)轴

指标(Z)轴

设置序列属性

普通状态设置数据项标签
 位置
文本样式
高亮状态设置 数据项标签
位置
 文本样式
基本设置通用




画布大小
背景颜色
边距
防止Y轴标签溢出
防止X轴标签溢出
标题

标题
标题样式
水平位置
坐标轴














分类轴/指标轴





坐标轴名称
坐标轴名称样式
坐标轴名称位置
名称到轴线的距离
标注步长
刻度标签显示方式
刻度标签样式
分隔线
分隔区域
坐标轴线
提示



是否显示
背景颜色
边框宽度
提示文本样式
添加其他列
工具


功能按钮设置



数据视图
数据区域缩放
配置项还原
保存图片
高级图形标识
图形输出行数
图形主题
排序排序顺序
排序指标
数据传值设置
扩展属性