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

目录:

1. 描述编辑

上节介绍了地图的钻取功能,是以区域地图为例的,钻取地图还可以采用自定义组合的形式,如下图,从点地图一路钻取到最后的区域地图:

222

下面介绍钻取地图的前期准备工作及其详细的属性设置:

2. 示例编辑

2.1 地图准备

注:json文件目录在webroot\WEB-INF\assets\map下,地图json编辑界面发生变化,制作方式类似,具体可参考[新]地图json更换目录及自定义界面变化[新]自定义地图完整案例

这里以区域地图为例,增加钻取图层,绘制沈阳市各个区的区域地图,此处以皇姑区和大东区为例。

打开设计器,点击服务器>地图数据>区域边界,展开中国>辽宁省,右击沈阳市新建皇姑区和大东区,绘制地图边界,添加如下代码,具体绘制过程可参考新自定义地图 
222
注:此处coordinates下的区域边界代码可从沈阳市地图中找到对应区域直接复制过来
此处另提供一个更流畅绘制地图的工具geojson.io,绘制方法与我们内置的相同,绘制完成后直接保存到%FR_HOME%\WebReport\WEB-INF\resources\geojson\area\中国\辽宁省\沈阳市文件夹下即可
添加完成后,插入地图,地图选择区域边界下的中国文件夹,可在钻取层级处看到皇姑区和大东区已添加,如下图:
222

如果是点地图,可以直接打开%FR_HOME%\WebReport\WEB-INF\resources\geojson\point\中国,新建一个辽宁省文件夹,如下:
222
沈阳市各个区的点地图代码可根据如下代码进行修改:
222

2.2 数据准备

新建工作薄,添加数据库数据集ds1,SELECT * FROM 地图分别记录各个省份的销售额;

添加内置数据集ds2,记录皇姑区和大东区的销售量,如下图所示:
222

2.3 插入图表

以悬浮图表为例,点击插入>悬浮元素>插入图表,选择钻取地图(新特性),如下图:

222


选中图表,在右侧图表属性表中选择图表属性表-类型,选择自定义地图,可自行选择gis图层和初始状态,如下图所示:
222

2.4 图表数据设置

选中图表,在右侧图表属性表中选择图表属性表-数据>钻取层级,第一层为点地图,其余为区域地图,如下图所示:
222

注:只有选择自定义地图时,才可以设置每一层级对应的展示类型

选择图表属性表-数据>数据,由于地图数据来自两个数据集,此处选择各层级分别指定,如下图所示设置:

222222


222222



注:数据可以选择底层数据汇总或者各层级分别指定,默认选中前者,意思为数据只需指定钻取地图底层,上层数据根基底层汇总而成;如果选择各层级分别指定,则每一层级根据层级的图表类型不同,界面不同,不同层级时,数据可配置完全不同的系列

2.5 图表样式设置

图表属性表-样式>图例,选择渐变色后再将图例可见前面的勾选去除

222

图表属性表-样式>系列,点地图的标记点选择自定义图片,设置宽高分别为20和30:
222

按照需要可在图表属性表中进一步设置图表样式,例如设置标题,字体大小颜色,标签,这里不再一一介绍

2.6 保存与预览

保存模板,点击分页预览,效果即如上。

在线查看模板效果请点击:CombinatorialMapDrillDown.cpt

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