反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

热力地图

  • 文档创建者:Holly
  • 历史版本:22
  • 最近更新:TW 于 2024-04-02
  • 1. 概述

    1.1 应用场景

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

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

    222

    1.2 图表特点

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

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

    1.3 应用实例

    决策报表中可使用 组件复用 功能,下载安装组件后,直接替换数据即可快速复用组件样式,实现热力地图效果。

    更多热力地图的示例,可参见 帆软市场-组件 / 设计器→在线组件库。

    组件下载链接描述效果图
    热力地图-未来风

    1)该组件适用于未来风风格模板

    2)热力地图以特殊高亮的形式和颜色深浅,显示数据所在区域以及该区域数据大小

    热力地图-未来风.png
    热力地图-浅色

    1)该组件适用于浅色简约风格模板

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

    热力地图-浅色.png

    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 数据绑定

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

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

    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\Advanced\Chart\NewHeatMap\热力地图.cpt 

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

    附件列表


    主题: 数据准备
    已经是第一篇
    已经是最后一篇

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526