1. 概述
1.1 应用场景
热力地图是使用地图作为背景,用热力的深浅来展示数据的大小和分布范围,以及地理范围内各个点的权重情况。
适合带有地理位置信息的数据集展现,展现的通常是以某个地区为单位的汇总的连续信息。如下图用热力地图显示了各地区震级的高低:
1.2 图表特点
优点:和地图结合,对数据的地理分步显示直观,通过颜色深浅、气泡大小等容易判断度量的大小,可以直观清楚地看到页面上每一个区域的访客兴趣焦点。
缺点:必须有地理信息,且数据为汇总数据,气泡容易叠加,显示的都是非精确值,气泡大小和颜色深浅相近时不易分辨,地理面积大小和度量值无关,容易误读。
2. 属性介绍
2.1 类型
以 单元格元素 或 悬浮元素 插入图表时,图表类型选择热力地图,如下图所示:
2.2 数据
热力地图数据绑定的设置项如下图所示:
数据来源:热力地图的数据来源,分为数据集数据、单元格数据两种。
地理信息:可选择热力地图匹配方式,分为区域名匹配、经纬度匹配两种。
经度:热力地图对应坐标点的经度。
纬度:热力地图对应坐标点的纬度。
区域名:热力地图对应坐标点的区域名。
系列名:可选择使用字段名、使用字段值两种,此处选择使用字段名。
2.3 样式
热力地图的基础样式设计的详细介绍可以参见文档:图表样式
热力地图的样式>系列部分设置项跟基础样式有所不同,单独介绍:
2.3.1 热力点
配置热力点属性,包括颜色、样式、不透明度,如下图所示:
1)颜色
热力图支持通过渐变色效果展示系列值的大小,详细介绍参见文档 图表系列 的 2.1 节。
2)样式
渲染半径:自定义热力点的半径大小。
模糊度:自定义热力点的模糊度。
3)不透明度
自定义热力点的不透明度,支持设置最大和最小值。
2.3.2 背景区域
设置系列的背景区域属性,包括颜色和边框,如下图所示:
1)颜色
空值颜色:此处可控制背景区域的空值颜色。
不透明度:此处控制背景区域的不透明度,默认为 75 。
2)边框
线型:此处可控制背景区域边框的线型,分为无、细线、粗线。
颜色:此处可控制背景区域的颜色。
不透明度:此处可控制背景区域的不透明度。
2.4 特效
热力地图特效设置的详细介绍可以参见文档:图表特效
3. 示例
3.1 报表设计
3.1.1 准备数据
新建内置数据集File1,分别记录地震区域及震级,如下图所示:
3.1.2 插入图表
合并一片区域单元格,右键选择 A1 单元格,选择单元格元素>插入图表>热力地图,如下图所示:
3.1.3 数据绑定
绑定图表数据,选择经纬度定位,如下图所示:
3.1.4 样式设计
1)选择样式>系列>热力点,设置区间连续渐变效果,并自定义渲染半径和模糊度,如下图所示:
注:其中渲染半径越大,则热力区域的展示范围越大;模糊度越大,则热力边界的模糊程度越高。不透明度最小和最大,对应图形中最小值和最大值的不透明度。
3)选择样式>系列,此处设置背景区域,如下图所示:
3.2 效果预览
1)PC端
保存模板,点击分页预览,效果如下图所示:
2)移动端
4. 模板下载
已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\NewHeatMap\热力地图.cpt
点击下载模板:热力地图.cpt