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

目录:

1. 概述编辑

1.1 版本说明

报表服务器版本
JAR 包版本功能变动
10.0.132021-01-25
  • 默认标记点样式改为定位点,且支持设置高度

  • 开启大数据模式可以正常显示定位点样式

  • 定位点样式可以跟随系列颜色

1.2 应用场景

  • 社区想要统计哪个区域慢性疾病人比较集中,小红旗表示一个慢性疾病患者。

  • 有一批包含客户经纬度数据的数据,用户希望在 FineReport 地图上显示客户位置。

  • 用户想把分公司定位成地点,在地图上显示各分公司利润或销量。

1.3 功能简介

点地图是通过定位经纬度,用散点来表示所在位置的数据指标。

想要查看的是某个区域各个网点(特定位置)的数据时,用地图实现起来会比较复杂,并且精准性不高,那么就可以使用点地图,可精准快速定位到位置。

优点:和地图结合,对数据的地理分步显示直观。

缺点:不适合多数据集中展示,不容易区分。

2. 属性介绍编辑

2.1 图表类型

点地图的散点共有 3 种类型,分别如下图所示:

1)定位点地图

Snag_1107035.png

2)气泡地图

Snag_1b6251f7.png

3)散点地图

Snag_113faa8.png

2.2 条件属性自定义点样式

1)当用户想要使用条件属性将不同的点设置成不同图片时,必须先将系列下的点样式设置成自定义图片。

1616464736262235.png

然后条件属性的点样式设置项处才能添加图片,效果如下图所示:

Snag_1a2124f5.png

2)当用户想要使用条件属性将不同的点设置成不同颜色时,必须先将系列下的点样式设置成定位点、散点或气泡。

Snag_1a22ba2c.png

然后条件属性处即可通过配色设置项修改点的颜色,效果如下图所示:

Snag_1a24555d.png

2.3 标记点实现渐变效果

点地图的标记点可以实现渐变效果,如下图所示:

Snag_1b15df2a.png

可以如下图按值划分颜色来实现,详细介绍参见文档 图表系列 2.1.2 节的介绍。

1616464905774493.png

3. 示例编辑

下面以定位点地图为例,详细介绍点地图的制作方法。气泡地图和散点地图的设计方法差不多,只需要改变散点类型即可。

3.1 设计报表

3.1.1 数据准备

新建内置数据集tourism,分别记录旅游景点,对应的经纬度和旅游热度 ,如下图所示:

 Snag_1259b0c.png

3.1.2 插入图表

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

 2020-05-06_20-17-05.png

3.1.3 图层设置

选择类型,GIS图层下拉选择高德地图

Snag_18ea2f3f.png

3.1.4 数据绑定

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

 1616465017184122.png

3.1.5 样式设计

1)选择样式>标签,勾选使用使用标签,文本内容勾选区域名,字符样式选择自定义,字体颜色设置为白色

1616465150181816.png

2)选择样式>系列,点样式选择定位点,定位点的高使用默认值22,如下图所示:

注:如果想变成气泡地图或散点图,只需要下拉选择其他点样式即可。

1616465274214347.png

3.2 效果预览

3.2.1 PC 端

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

2020-05-06_20-24-35.png

3.2.2 移动端

1588768061368793.jpg

4. 模板下载编辑

1)定位点地图

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\MapGis.cpt

点击下载模板:MapGis.cpt

2)散点点地图

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\MapScatter.cpt

点击下载模板:MapScatter.cpt

3)气泡点地图

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\MapBubble.cpt

点击下载模板:MapBubble.cpt

5. 注意事项编辑

5.1 点样式优化

10.0.13 版本对点样式进行了优化,原「默认」样式改为「定位点」,且支持设置点的高度,如下图所示:

标记点的颜色跟随系列色,条件属性悬浮颜色、不透明度 、配色也都可以生效。

1616465361916754.png

如果旧模板在新版本中打开,点样式会显示成「默认-兼容」,相关的设置项及前端显示逻辑同原有「默认」标记点的逻辑,不支持设置定位点的高度。

当用户编辑点样式选择其他选项后该兼容选项则不在下拉框出现。

2.png