[新]自定义地图(json)

编辑
文档创建者:susie (58814 )     浏览次数:8094次     编辑次数:12次     最近更新:jiangsr 于 2017-11-14     

目录:

1. 问题描述编辑

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

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

 

2. 示例编辑

2.1 自定义图片

点击服务器-地图数据,跳转至自定义地图编辑界面,选择自定义图片,添加自定义图片地图2Fmarket:

点击页面中间的导入图片按钮:

随后点击右侧的绘图工具:

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

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

全部设置完成后先点击弹窗的保存按钮,再点击右上角保存按钮。

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

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

2.2 准备数据

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

2.3 插入图表

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

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

2.4 图表数据设置

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

 

2.5 图表样式设置

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

在右侧选择样式>图例>形态-普通,如下图:

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

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

在右侧选择样式>标签,勾选使用标签,内容勾选区域名,自定义设置样式,如下图:

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

2.6 保存与预览

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

在线查看模板效果请点击:商场自定义地图.cpt

已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\Map\商场自定义地图.cpt

附件列表


主题: 新图表
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?