流向地图

  • 文档创建者:susie
  • 编辑次数:16次
  • 最近更新:Leo.Tsai 于 2020-05-11
  • 1. 概述

    1.1 应用场景

    流向地图在地图上显示信息或物体从一个位置到另一个位置的移动及其数量。效果如下图所示:

    通常用来显示人物、动物和产品的迁移数据。单一流向线所代表的移动规模或数量由其粗细度表示,有助显示迁移活动的地理分布。

    流向地图多应用于区际贸易、交通流向、人口迁移、购物消费行为、通讯信息流动、航空线路等场景,也可应用企业货物运输,供应链管理。

    8822CA4D-D6B3-4583-B725-4A11102DE47D.GIF

    1.2 图表特点

    优点:特效炫酷,展示效果极佳,独有大数据模式,支持十万数据+。

    缺点:不好展示数值的大小、对比、趋势等情况。

    2. 属性介绍

    2.1 类型

    以单元格元素或悬浮元素插入图表时,图表类型选择流向地图,如下图所示:

    2020-05-07_18-17-22.png

    下面将介绍几种常见的流向地图和制作方法。

    2.1.1 流向地图

    8822CA4D-D6B3-4583-B725-4A11102DE47D.GIF

    2.1.2 流向地图-线宽为零

    1A68FBD8-53B4-4FA2-B170-9028F63B1277.GIF

    2.1.3 流向地图-自定义图片

    C3EF984E-3633-4E77-AEAF-92674AA7394D.GIF

    2.1.4 流向地图-大数据模式

    B3CE91B9-A32A-4A70-A0B7-20962ABA37AC.GIF

    2.2 数据

    流向地图数据绑定的设置项如下图所示:

    • 数据来源:流向地图的数据来源,分为数据集数据、单元格数据两种。

    • 地理信息:此处可选择区域名匹配、经纬度定位两种,区域名需单独设置起止区域名,经纬度定位需提供起止点的经纬度坐标及区域名,为数据更精准,推荐使用经纬度定位。

    • 起点经度:需绑定数据集中流向地图起点的经度信息字段。

    • 起点纬度:需绑定数据集中流向地图起点的纬度信息字段。

    • 起点区域名:需绑定数据集中流向地图起点的区域名字段。

    • 终点经度:需绑定数据集中流向地图起点的经度信息字段。

    • 终点纬度:需绑定数据集中流向地图终点的纬度信息字段。

    • 终点区域名:需绑定数据集中流向地图终点的区域名字段。

    • 系列名:此处只能选择使用字段名,默认勾选。字段名、系列名选择数据集流动数量字段即可,汇总方式默认为 无 。

    2020-05-07_18-42-55.png

    2.3 样式

    基础图表样式的详细介绍可以参见文档:图表样式

    流向地图的样式>系列部分设置项跟基础样式有所不同,单独介绍:

    • 线宽:控制流向地图指引线的宽度,默认为 0.5 。

    • 弯曲度:控制流向地图指引线的弯曲度,默认为 30 。

    • 不透明度:控制流向地图的不透明度,默认为 100 。

    • 大数据模式:大数据模式适用于数据量特别大的场景(一万条以上),开启之后流向地图的指引线会以大数据的形式展现。

    • 流向动画:控制是否开启流向地图指引线的流向动画,默认为 开启 。

    • 运动周期:控制流向地图指引线数据流动的运动周期,默认为 30 秒。

    • 运动方式:分为默认和自定义图片两种,可根据需要定制数据的运动方式。

    2020-05-07_18-22-27.png

    2.4 特效

    流向地图特效设置的详细介绍可以参见文档:图表特效

    3. 示例

    3.1 报表设计

    3.1.1 准备数据

    新建内置数据集File1,分别记录起始地(包含经纬度)、目的地(包含经纬度)、人数,如下图所示:

    2020-05-07_19-28-02.png

    3.1.2 插入图表

    合并一片区域单元格,右键 A1 单元格,选择单元格元素>插入图表>流向地图,如下图所示:

    注:地图点选择中国,GIS图层选择深蓝,缩放等级为自动,中心点选择自动。
    2020-05-07_18-17-22.png

    3.1.3 图层设置

    选择类型,GIS图层选择深蓝

    2020-05-07_18-59-11.png

    3.1.4 数据绑定

    绑定图表数据,选择经纬度定位,如下图所示:

    2020-05-07_19-29-16.png

    3.1.5 样式设计

    1)选择样式>图例设置为区域段,区间配置如下图所示:
    222

    2)选择样式>系列,线宽、大数据模式、自定义图片设置项单独介绍,如下图所示:

    • 线宽为0:设置指引线的宽度,默认为 0.5 ,如果设置为 0 ,流动特效如流动的彗星。

    • 大数据模式:开启大数据模式,流向动画特效自动关闭,数据量太多,动画效果无法启用。

    • 流向动画:可自定义运动方式,比如飞机图片或其他自定义图片。

    2020-05-08_21-05-51.png

    3.2 功能拓展

    3.2.1 流向地图-线宽为0

    选择样式>系列>线宽,设置线宽为 0 ,如下图所示:

    2020-05-11_11-50-28.png

    3.2.2 流向地图-自定义图片

    选择样式>系列>流向动画,运动方式设置为自定义图片,如下图所示:

    2020-05-11_11-52-05.png

    3.2.3 流向地图-大数据模式

    选择样式>系列>大数据模式,选择开启,如下图所示:

    注:开启大数据模式,流向地图设置项无法启用。

    2020-05-11_12-54-40.png

    3.3 效果预览

    1)PC端

    保存模板,点击表单预览,效果如下图所示:

    8822CA4D-D6B3-4583-B725-4A11102DE47D.GIF

    2)移动端

    QQ图片20200508214910.jpg

    4. 模板下载

    1)流向地图

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\FlowMap.cpt

    点击下载模板:FlowMap.cpt

    2)流向地图-线宽为 0

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\FlowMapNoline.cpt

    点击下载模板:FlowMapNoline.cpt

    3)流向地图-自定义图片

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\FlowMapPicture.cpt

    点击下载模板:FlowMapPicture.cpt

    4)流向地图-大数据模式

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\FlowMapBigdata.cpt

    点击下载模板:FlowMapBigdata.cpt

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!