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

目录:

1. 概述编辑

1.1 应用场景

热力地图是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。

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

热力地图展示效果如下图所示:

222

1.2 图表特点

优点:可以直观清楚地看到页面上每一个区域的访客兴趣焦点。

2. 属性介绍编辑

2.1 类型

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


2.2 数据

热力地图数据绑定的详细介绍可以参见文档:图表数据

2.3 样式

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

2.4 特效

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

3. 示例编辑

3.1 报表设计

3.1.1 准备数据

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

3.1.2 插入图表

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

选中图表,在右侧图表属性表中选择图表属性表-类型,默认选择热力地图,如下图所示设置:

222

3.1.3 数据绑定

选中图表,在右侧图表属性表中选择图表属性表-数据,选择经纬度定位,如下图所示:

222

3.1.4 样式设计

选中图表,在右侧图表属性表中选择图表属性表-样式>图例,形态默认为渐变色,勾选区间配置下的自定义最小值和最大值,设置如下:

222

选择样式>系列,可看到系列属性分为热力点和背景区域两个设置。

其中背景区域与 区域地图 的设置属性一致,如果用户选择的边界/点不包含边界信息,则设置无效。

热力点的系列界面如下:其中渲染半径越大,则热力区域的展示范围越大;模糊度越大,则热力边界的模糊程度越高。不透明度最小和最大,对应图形中最小值和最大值的不透明度。此处设置如下:

222

3.2 效果预览

1)PC端

保存模板,点击表单预览,预览效果如下图:


2)移动端


4. 模板下载编辑

已完成模板可参考%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewHeatMap\HeatMap.cpt 

点击下载模板: