跳转到主要内容
色块热力图控件
超过 5 个月前更新

色块热力图是一种图表,通过在矩阵内显示数据值的颜色来展示数据。这是一种二维网格图,其中每种颜色代表相应的数据。

您还可以选择根据数据来确定每个单元格的大小和颜色强度。这对于根据发生频率、强度、性能等级(从差到好等)对数据进行分类和可视化非常有用。


添加热图到页面

首先,在控件添加面板中找到色块热力图控件,然后将其拖放到页面上的某个部分或容器中。


选择数据源

选择目标数据列表作为创建热图的源内容。

打开“内容 > 数据源”区块,在“应用”部分,默认选择当前应用。然后,前往“列表”部分,选择所选应用下的数据列表。

“数据过滤”部分,点击条件按钮来筛选所选数据列表的数据。


行、列和值

打开“内容 > 图表”区块,选择字段作为这个热图的行、列和值。

列:从所选数据列表中选择一个字段作为这个热图的列。

行:从所选数据列表中选择一个字段作为这个热图的行。

值:选择一个字段来计算这个热图的值,以及如何计算结果的方法。对于数值字段,计算类型可以是计数(记录数量)或总和(记录的总值)。


热图设置

图表高度:设置这个热图控件的高度。

轴线:显示/隐藏热图上的轴线。

网格线:显示/隐藏热图上的网格线。

轴标签:显示/隐藏X轴和Y轴的标签。

热图标题

显示:开启以显示热图的标题。

图表标题:输入标题文本,或设置动态内容作为标题文本。

标题位置:设置标题的显示位置,为图表前或图表后。

文本对齐:设置标题的对齐方式,可选左对齐、居中、右对齐或两端对齐。

热图图例

显示:开启以显示热图的图例。

位置:设置图例在热图周围的显示位置。

热图提示信息

启用:开启以显示热图的工具提示。

数字后缀:设置工具提示上数字的后缀。

热图控件的样式设定

标题

  1. 文字颜色:设置标题的颜色。

  2. 排版:设置标题的排版。

  3. 外边距:以PX、%、em、rem、vw、计算值设置标题的边距。

  4. 内边距:以PX、%、em、rem、vw、计算值设置标题的内边距。

  5. 文字阴影:调整盒式阴影选项。

标签

  1. 字体系列:设置标签的字体系列。

  2. 大小:设置标签的字体大小。

  3. 重量:设置标签的字体重量。

  4. 样式:设置标签的字体样式。

  5. 文字颜色:设置标签的颜色。

图例

  1. 字体系列:设置图例的字体系列。

  2. 大小:设置图例的字体大小。

  3. 重量:设置图例的字体重量。

  4. 样式:设置图例的字体样式。

  5. 行高:设置图例的行高。

  6. 文字颜色:设置图例的颜色。

提示信息

  1. 背景颜色:设置工具提示容器的背景颜色。

  2. 内边距:以PX、%、em、rem、vw、calc设置工具提示容器的内边距。

  3. 文字阴影:调整盒式阴影选项。

  4. 标题:设置工具提示的标题样式。

    字体系列:设置工具提示标题的字体系列。

    大小:设置工具提示标题的字体大小。

    重量:设置工具提示标题的字体重量。

    样式:设置工具提示标题的字体样式。

    行高:设置工具提示标题的行高。

    文字颜色:设置工具提示标题的颜色。

  5. 值:设置工具提示中值的样式。

    字体系列:设置工具提示值的字体系列。

    大小:设置工具提示值的字体大小。

    重量:设置工具提示值的字体重量。

    样式:设置工具提示值的字体样式。

    行高:设置工具提示值的行高。

    文字颜色:设置工具提示值的颜色。

这是否解答了您的问题?