反馈已提交

网络繁忙

点地图

  • 文档创建者:susie
  • 编辑次数:36次
  • 最近更新:Alicehyy 于 2021-10-25
  • 1. 概述

    1.1 版本

    报表服务器版本
    11.0

    1.2 应用场景

    当我们想要查看某个「特定位置」的数据时,用地图实现起来会比较复杂,并且精准性不高,那么就可以使用点地图通过定位经纬度快速定位到准确位置。

    FineReport 中常用的点地图样式包括:定位点地图、散点地图、气泡地图。展示效果分别如下:

    • 定位点地图

    Snag_2870bf19.png

    • 散点地图

    Snag_2870b594.png

    • 气泡地图

    Snag_286f425d.png

    1.3 图表特点

    优点:与地图结合,对数据的地理分布显示直观,可精准定位。

    缺点:不适合多数据集中展示,不容易区分。

    2. 示例

    下面将以示例的方式为大家讲解点地图的基本设置。

    2.1 数据准备

    这里提供一份 Excel 数据,记录了 10 个旅游景点对应的经纬度和旅游热度,仅作为示例数据使用,不具备真实意义。

    1)点击下载数据:点地图数据.xlsx ,并将下载的 Excel 放到路径 %FR_HOME%\webapps\webroot\WEB-INF\reportlets 下。

    2)新建普通报表,新建 文件数据集「景点位置」,文件类型选择「Excel」,选择下载好的数据。如下图所示:

    Snag_286b51f0.png

    数据集数据如下图所示:

    Snag_28738a20.png

    注:示例模板为了方便用户查看直接使用的内置数据集。

    2.2 插入图表

    1)为了展示地图时不分页,先在菜单栏「模板> 页面设置 」中将纸张大小调整大一些。

    Snag_1952e4d9.png

    2)合并一片单元格区域,选中单元格,点击工具栏 Snag_194c381c.png 插入图表,选择「地图>点地图」。如下图所示:

     Snag_1951d609.png

    2.3 设计地图

    选中地图所在单元格,点击右侧属性面板「单元格元素」,可设置地图的各个属性:类型、数据样式特效

    2.3.1 图层设置

    选择「类型」, 地图点选择「中国」,GIS 图层选择「自定义>深蓝」。

    注:点地图单独使用时,「GIS 图层」为「无」不支持显示边界,需在组合地图中结合区域地图,将区域地图的图层设置为无,实现显示固定边界的效果。

    2.3.2 绑定数据

    点地图绑定数据时,地理信息的匹配方式有两种:

    • 区域名匹配:根据地图上的区域名匹配数据集中数据以及显示定位点。

    • 经纬度定位:根据经纬度显示定位点,区域名根据数据集中字段显示。

    使用「区域名匹配」时需要注意:区域名右侧有一个设置按钮 ,点击会弹出「区域名匹配」设置框。默认会将数据集中的区域名跟地图内置的区域名自动进行 模糊匹配未匹配到时也可以自定义匹配关系。例如地图点选择「中国」,则匹配区域名时可匹配各个省份。而本例所示数据,则需要将各个景区匹配到各自所属省份。如下图所示:

    Snag_287f15c1.png

    本示例使用「经纬度定位」,无需匹配区域名,具体设置如下图所示:

     Snag_19953cdb.png

    2.3.3 设置标签

    选择「样式>标签」,勾选「使用标签」,文本内容勾选「区域名」,字符为「跟随主题」,即标签的字体样式、颜色等跟随主题显示。

    2.3.4 设置系列

    1)点击「样式>系列」,颜色 设置保持默认。

    2)「标记点>点样式」可选择定位点、散点、气泡和自定义图片。

    • 定位点:可设置定位点的高度,默认为 22 px 。

    • 散点:可设置散点的类型和半径 。

    • 气泡:可设置气泡的最小直径、最大直径、阴影以及负气泡的展示。系列的数据越大,气泡越大。

    Snag_19b0bc59.png

    1.2 节中已经展示了定位点地图、散点地图和气泡地图,所以这里我们选择「自定义图片」。

    上传图片 form.png 后,自定义图片的宽高,使其比例大小合适即可。

    Snag_19a2ca86.png

    注:点样式为「自定义图片」时不支持「闪烁动画」。

    2.4 效果预览

    2.4.1 PC 端

    保存报表,点击「分页预览,效果如下图所示:

    Snag_28797301.png

    2.4.2 移动端

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

    Snag_2880c313.png

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\Map\点地图.cpt

    点击下载模板:点地图.cpt

    4. 注意事项

    4.1 条件属性自定义点样式

    「特效>条件显示」条件属性中的标记点由「样式>系列>标记点」处设置的点样式决定。即在系列中设置的是什么类型的点样式,在条件属性中只能针对该点样式进行修改。

    例如:

    • 系列中设置标记点为「定位点」,条件属性中只能修改定位点的高度。如下图所示:

    Snag_19c83012.png

    • 系列中设置标记点为「自定义图片」,条件属性处只能修改自定义图片。如下图所示:

    注:当标记点为「自定义图片」时,若添加「配色」条件属性,标记点不会改变颜色,只有系列中的点样式为定位点、散点或气泡时,才能使用「配色」改变标记点颜色。

    Snag_19c74a65.png

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭