历史版本33 :自定义钻取地图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
功能变动
11.0.6
「地理信息>区域」支持合并已有地理区域为新区域,支持圆形选区,且新增内置目录「中国行政区」。详情请参见文档:地图配置

1.2 应用场景

钻取地图在普通地图的基础上,实现了钻取交互式数据查询效果。通过点击操作,可以钻取国家>省>市>区等不同地理层级的数据。

「自定义钻取地图」是钻取地图的一种,可以给不同的钻取层级设置不同的地图类型(区域地图或点地图),满足不同场景下的用户需求,具有较高的图表自由度。

效果如下图所示:

8D2E6CF1-BC69-456A-B0FA-E56F6D1EA8A8.GIF

1.3 功能简介

自定义钻取地图与 钻取区域地图 、钻取点地图 的区别就在与其「钻取层级」可以选择展示类型为「区域地图」或者「点地图」。

如下图所示:

Snag_79fcfa1a.png

2. 示例编辑

若仅仅展示「自定义钻取地图」设置不同展示类型的效果,那么示例并没有什么难度和意义。

所以本文将结合 地图配置 自定义地理信息进行讲解,实现从中国行政大区钻取到省,再钻取到市的效果。

2.1 地图配置

进入设计器后,点击设计器顶部菜单栏「服务器>地图配置」,登录数据决策系统,跳转到地图配置界面。

Snag_7a2777c9.png

2.1.1 复制并修改地理信息

注:11.0.6 版本之前的设计器中,若需要自定义地图边界,需手动描边,可参考 10.0 文档 自定义钻取地图(10.0版本) 。 

11.0.6 及之后版本的设计器中,内置了「中国行政区」地图边界,但它仅作为独立的目录文件存在,没有下级目录,所以无法用于钻取。

因此我们需要为其添加子目录文件,分别展示每一个区域,以「华东」区域为例,操作步骤如下:

1)鼠标悬浮「中国」目录,点击「复制」按钮,在弹出的设置框中修改文件名称为「华东」,父级目录选择「中国行政区」。

注:父级目录选择后无法移动,若选择错误,后续可再次复制到其他目录。

2)新建后,点击地图展示界面工具栏中的「删除」按钮,点选删掉不属于华东的省份,删除后点击「完成」,再点击右上角「保存」按钮。

注:删除操作不可撤销,删除后必须点击右上角「保存」按钮,再点击其他目录,否则之前的操作将会丢失。

其余区域同理制作即可。

操作演示如下所示:

[helpvideo]4224[/helpvideo]

同理,可以在「中国」目录下,选中省份目录文件,复制到对应的大区下,本文示例仅为「华东」区域复制省份信息。如下图所示:

Snag_7a7906c1.png

2.1.2 JSON 文件存储路径

完成地理信息配置后,JSON 文件自动保存到%FR_HOME%\webroot\WEB-INF\assets\map\geographic\world路径下。如下图所示:

Snag_7a803958.png

点击下载本文已配置好的地理信息:中国行政区.zip ,解压后直接将整个文件夹放到上述路径下,再到数据决策系统「地理配置」界面,点击右上角「同步地理文件」,即可在设计器中直接使用。

2.2 报表设计

2.2.1 准备数据

点击设计器左上角「文件>新建决策报表>新建空白模板」,新建后,在左下方新建数据库查询 ds1,输入 SQL 查询语句:SELECT * FROM 地图

再新建一个 内置数据集 「区域销售额」,表设计如下图所示:

Snag_7a90bef5.png

2.2.2 插入图表

在工具栏图表处点击图表右侧的下拉箭头,选中「地图」拖入 body 中,取消勾选图表属性中的标题可见。如下图所示:

1635151592559238.png

2.2.3 图层设置

双击地图进入编辑状态,在右侧属性面板「类型」中,选择钻取地图类型为「自定义」,地图边界为「中国行政区」,GIS 图层为「标准>幻影黑」。

如下图所示:

Snag_7ac57383.png

2.2.4 绑定数据

1)选择「数据>钻取层级关系」,层级属性缩放等级选择自动,展示类型可选择区域地图、点地图。如下图所示:

Snag_7ac31e58.png

2)选择「数据>数据」,设置为「各层级分别指定」,每一层绑定数据内容具体如下图所示:

注1:第三层由于展示类型是「点地图」,因此地理信息可选择两种不同的方式。

注2:区域名匹配时采用「模糊匹配」,详情可参见文档 地图模糊匹配

Snag_7ac21247.png

2.3 效果预览

2.3.1 PC 端

保存模板,点击「PC 端预览」,效果如 1.2 应用场景中所示。

2.3.2 移动端

App 端和 HTML5 端均支持,效果如下图所示:

2022-09-08_18-02-06.gif

3. 模板下载编辑

已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\Map\自定义钻取地图.frm

点击下载模板:自定义钻取地图.frm