热力地图

  • 文档创建者:Holly
  • 编辑次数:16次
  • 最近更新:Leo.Tsai 于 2020-05-08
  • 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 样式

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

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

    1)热力点

    • 渲染半径:此处可控制热力点的半径大小。

    • 模糊度:此处可控制热力点的模糊度。

    • 不透明度:此处可控制热力点的不透明度,默认最小为 0 ,最大为 100 。

    2)背景区域

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

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

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

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

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

    2020-05-05_17-06-53.png

    2.4 特效

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

    3. 示例

    3.1 报表设计

    3.1.1 准备数据

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

    3.1.2 插入图表

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

    3.1.3 数据绑定

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

    2020-05-05_17-26-29.png

    3.1.4 样式设计

    1)选择样式>图例,形态默认为渐变色,勾选区间配置下的自定义最小值自定义最大值,具体设置如下图所示:

    222

    2)选择样式>系列,此处设置热力点,如下图所示:

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

    222

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

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

    3.2 效果预览

    1)PC端

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

    Snag_29c2d91d.png

    2)移动端

    1588926109769038.jpg

    4. 模板下载

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

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

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!