[新]自定义地图(json)

编辑
  • 文档创建者:susie
  • 浏览次数:11729次
  • 编辑次数:16次
  • 最近更新:Kevin-s 于 2019-06-03
  • 1. 问题描述

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

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

     

    2. 示例

    2.1 自定义图片

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

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

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

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

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

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

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

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

    2.2 准备数据

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

    2.3 插入图表

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


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


    2.4 图表数据设置

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

     

    2.5 图表样式设置

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

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

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

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

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

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

    2.6 保存与预览

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

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

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

    附件列表


    主题: 图表入门
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

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

    此页面有帮助吗?只是浏览 [ 去社区提问 ]