历史版本21 :热力地图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

热力地图是使用地图作为背景,用热力的深浅来展示数据的大小和分布范围,以及地理范围内各个点的权重情况。

适合带有地理位置信息的数据集展现,展现的通常是以某个地区为单位的汇总的连续信息。如下图用热力地图显示了各地区震级的高低:

222

1.2 图表特点

优点:和地图结合,对数据的地理分步显示直观,通过颜色深浅、气泡大小等容易判断度量的大小,可以直观清楚地看到页面上每一个区域的访客兴趣焦点。

缺点:必须有地理信息,且数据为汇总数据,气泡容易叠加,显示的都是非精确值,气泡大小和颜色深浅相近时不易分辨,地理面积大小和度量值无关,容易误读。

2. 属性介绍编辑

2.1 类型

以 单元格元素 或 悬浮元素 插入图表时,图表类型选择热力地图,如下图所示:

2020-05-05_16-43-53.png

2.2 数据

热力地图数据绑定的设置项如下图所示:

  • 数据来源:热力地图的数据来源,分为数据集数据、单元格数据两种。

  • 地理信息:可选择热力地图匹配方式,分为区域名匹配、经纬度匹配两种。

  • 经度:热力地图对应坐标点的经度。

  • 纬度:热力地图对应坐标点的纬度。

  • 区域名:热力地图对应坐标点的区域名。

  • 系列名:可选择使用字段名、使用字段值两种,此处选择使用字段名。

2020-05-05_16-57-30.png

2.3 样式

热力地图的基础样式设计的详细介绍可以参见文档:图表样式

热力地图的样式>系列部分设置项跟基础样式有所不同,单独介绍:

2.3.1 热力点

配置热力点属性,包括颜色、样式、不透明度,如下图所示:

1.png

1)颜色

热力图支持通过渐变色效果展示系列值的大小,详细介绍参见文档 图表系列 的 2.1 节。

2)样式

  • 渲染半径:自定义热力点的半径大小。

  • 模糊度:自定义热力点的模糊度。

3)不透明度

自定义热力点的不透明度,支持设置最大和最小值。

2.3.2 背景区域

设置系列的背景区域属性,包括颜色和边框,如下图所示:

2.png

1)颜色

  • 空值颜色:此处可控制背景区域的空值颜色。

  • 不透明度:此处控制背景区域的不透明度,默认为 75 。

2)边框

  • 线型:此处可控制背景区域边框的线型,分为无、细线、粗线。

  • 颜色:此处可控制背景区域的颜色。

  • 不透明度:此处可控制背景区域的不透明度。


2.4 特效

热力地图特效设置的详细介绍可以参见文档:图表特效

3. 示例编辑

3.1 报表设计

3.1.1 准备数据

新建内置数据集File1,分别记录地震区域及震级,如下图所示:
222

3.1.2 插入图表

合并一片区域单元格,右键选择 A1 单元格,选择单元格元素>插入图表>热力地图,如下图所示:
222

3.1.3 数据绑定

绑定图表数据,选择经纬度定位,如下图所示:

3.1.4 样式设计

1)选择样式>系列>热力点,设置区间连续渐变效果,并自定义渲染半径和模糊度,如下图所示:

注:其中渲染半径越大,则热力区域的展示范围越大;模糊度越大,则热力边界的模糊程度越高。不透明度最小和最大,对应图形中最小值和最大值的不透明度。

Snag_4369511b.png

3)选择样式>系列,此处设置背景区域,如下图所示:

2020-05-05_17-07-06.png

3.2 效果预览

1)PC端

保存模板,点击分页预览,效果如下图所示:

Snag_1ba23437.png

2)移动端

Snag_1ba2c674.png

4. 模板下载编辑

已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\NewHeatMap\热力地图.cpt 

点击下载模板:热力地图.cpt