历史版本11 :自定义图片作为地图边界 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 问题描述编辑

新地图中我们可以使用自定义地图,通过提示点等直接与图片进行交互。

新地图中我们可以直接在设计器中进行自定义地图,只需导入自己的图片,进行描边或者放置标记点,即可使用。
222

2. 示例编辑

2.1 自定义地图

注:安装了8.6.0及以后版本的新图表插件后,地图json编辑界面发生变化,制作方式类似,具体可参考[新]地图json更换目录及自定义界面变化[新]自定义地图完整案例

此处界面为8.6.0之前的新图表插件所呈现的效果。

点击服务器-地图数据-自定义图片,如下图:
222

弹出地图数据设置窗口,右击自定义地图,新建地图,重命名后按回车键即可保存
222

点击导入图片,随后点击右侧的绘图工具:

第一种方式,对图片进行描边,描边完成后,设置对应的区域名;

第二种方式,在图片中,点击放置标记点,标记点放置完成后,设置对应标记点的区域名;

全部设置完成后点击右下角的保存按钮。

222

注:标签会自动显示在区域中心,当中心点自定义的时候,就会显示在对应的位置

注:需要重启一下服务器,自定义地图才可以生效

2.2 准备数据

新建工作薄,添加内置数据集market,分别记录各个商铺对应的商品和品牌,如下图所示:

 

2.3 插入图表

以单元格图表为例,合并一片单元格,点击插入>单元格元素>插入图表选择地图(新特性),如下图:
222

选中图表,在右侧图表属性表中选择图表属性表-类型地图边界选择刚刚自定义好的2Fmarket,如下图所示:
222

2.3 图表数据设置

选中图表,在右侧图表属性表中选择图表属性表-数据,如下图所示:

 

2.4 图表样式设置

默认图例为渐变色,这里需要修改为普通,渐变色和区域段图例都是根据值的大小来赋颜色,而普通图例是根据系列来赋颜色。

在右侧图表属性表中选择图表属性表-样式>图例>形态-普通,如下图:
222

由于原图下方已有图例,这里我们再把图例可见的勾去掉即可;
222

在右侧图表属性表中选择图表属性表-样式>系列,设置系列配色,选择精确设置,将颜色改成图片自带的图例颜色
222

在右侧图表属性表中选择图表属性表-样式>标签,勾选使用标签,可以自定义设置样式,如下图:
222

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

2.5 保存与预览

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

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

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