页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

Title_font
Name概要说明

Wiki 标记
{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轴表示的两个分类字段确定数值点的位置,通过相应位置的矩形颜色去表现数值的大小,颜色深代表的数值大。

Title_font_1
Name热力图的特点说明如下:

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

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

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

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

不适用场景:

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

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

 

 

面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

Title_font
Name实现方案

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

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

数据结构 :

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

定制要点:

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

预览效果:

 

 

Title_font
Name属性

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

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