色块热力图是一种图表,通过在矩阵内显示数据值的颜色来展示数据。这是一种二维网格图,其中每种颜色代表相应的数据。
您还可以选择根据数据来确定每个单元格的大小和颜色强度。这对于根据发生频率、强度、性能等级(从差到好等)对数据进行分类和可视化非常有用。
添加热图到页面
首先,在控件添加面板中找到色块热力图控件,然后将其拖放到页面上的某个部分或容器中。
选择数据源
选择目标数据列表作为创建热图的源内容。
打开“内容 > 数据源”区块,在“应用”部分,默认选择当前应用。然后,前往“列表”部分,选择所选应用下的数据列表。
在“数据过滤”部分,点击条件按钮来筛选所选数据列表的数据。
行、列和值
打开“内容 > 图表”区块,选择字段作为这个热图的行、列和值。
列:从所选数据列表中选择一个字段作为这个热图的列。
行:从所选数据列表中选择一个字段作为这个热图的行。
值:选择一个字段来计算这个热图的值,以及如何计算结果的方法。对于数值字段,计算类型可以是计数(记录数量)或总和(记录的总值)。
热图设置
图表高度:设置这个热图控件的高度。
轴线:显示/隐藏热图上的轴线。
网格线:显示/隐藏热图上的网格线。
轴标签:显示/隐藏X轴和Y轴的标签。
热图标题
显示:开启以显示热图的标题。
图表标题:输入标题文本,或设置动态内容作为标题文本。
标题位置:设置标题的显示位置,为图表前或图表后。
文本对齐:设置标题的对齐方式,可选左对齐、居中、右对齐或两端对齐。
热图图例
显示:开启以显示热图的图例。
位置:设置图例在热图周围的显示位置。
热图提示信息
启用:开启以显示热图的工具提示。
数字后缀:设置工具提示上数字的后缀。
热图控件的样式设定
标题
文字颜色:设置标题的颜色。
排版:设置标题的排版。
外边距:以PX、%、em、rem、vw、计算值设置标题的边距。
内边距:以PX、%、em、rem、vw、计算值设置标题的内边距。
文字阴影:调整盒式阴影选项。
标签
字体系列:设置标签的字体系列。
大小:设置标签的字体大小。
重量:设置标签的字体重量。
样式:设置标签的字体样式。
文字颜色:设置标签的颜色。
图例
字体系列:设置图例的字体系列。
大小:设置图例的字体大小。
重量:设置图例的字体重量。
样式:设置图例的字体样式。
行高:设置图例的行高。
文字颜色:设置图例的颜色。
提示信息
背景颜色:设置工具提示容器的背景颜色。
内边距:以PX、%、em、rem、vw、calc设置工具提示容器的内边距。
文字阴影:调整盒式阴影选项。
标题:设置工具提示的标题样式。
字体系列:设置工具提示标题的字体系列。
大小:设置工具提示标题的字体大小。
重量:设置工具提示标题的字体重量。
样式:设置工具提示标题的字体样式。
行高:设置工具提示标题的行高。
文字颜色:设置工具提示标题的颜色。
值:设置工具提示中值的样式。
字体系列:设置工具提示值的字体系列。
大小:设置工具提示值的字体大小。
重量:设置工具提示值的字体重量。
样式:设置工具提示值的字体样式。
行高:设置工具提示值的行高。
文字颜色:设置工具提示值的颜色。