Flow Map

  • Last update:January 23, 2025
  • Overview

    Version

    Report Server Version

    11.0

    Application Scenario

    The flow map displays the movement from one location to another and the quantity of information items or objects on the map. The following figure shows the effect.

    You can use it to demonstrate the migration data of persons, animals, and products. The scale or quantity of each movement is represented by the thickness of each flow line, which helps to display the geographic distribution of migration.

    The flow map is widely used to display interregional trades, traffic flow, population migration, shopping behavior, communication information flow, and air routes. It can also be applied to enterprise cargo transportation and supply chain management.

    iconNote:
    The flow animation effect of the flow map requires registration of the Advanced Chart Interaction function.


     流向地图.gif

    Chart Feature

    Advantage: The flow map has cool special effects to display excellent effects, and unique big data mode to support hundreds of thousands of data.

    Disadvantage: The flow map is not suitable for displaying sizes, comparisons, or trends of values.

    Example

    Data Preparation

    Create a general report and create a built-in dataset Flow Map, which records Source (including the latitude and longitude), Destination  (including the latitude and longitude), and Amount of People, as shown in the following figure.

    image 59.png

    Chart Insertion

    1. Adjust the paper size under Template > Page Setting to display the map on one page.

    image 62.png

    2. Merge required cells, select the merged cell, click image 72.pngin the toolbar to insert the chart, choose Map > Flow Map, and click OK, as shown in the following figure.

    image 63.png

    Map Design

    Select the chart, click the Cell Element icon on the right property panel, and set the attributes (TypeData, Style, and Special Effect) for the chart.

    1. GIS Layer Setting

    Select Type, select China as Map Point, and set GIS Layer to Dark Blue.

    iconNote:
    When Flow Map is used alone, GIS Layer is set to Null by default, and the map doesn't show the boundary. You need to combine the area map with the flow map and set GIS Layer of the area map to Null to display the fixed boundary.


    image 64.png

    Data Binding

    The settings for data binding in Flow Map include:

    Setting Item

    Description

    Data Source

    Two options are available: Dataset Data and Cell Data.

    Geographic   Information

    There are two ways to match geographic information: Area Name and Lat/Long.

    • Area Name: You can match the map area based on Start Area Name and End Area Name.

    • Lat/Long: You can match the map location based on the latitude and longitude coordinates, which is more accurate. You are advised to use Lat/Long for positioning.

    Start Longitude

    The longitude information field of the starting point in the dataset needs to be bound.

    Start Latitude

    The latitude information field of the starting point in the dataset needs to be bound.

    Start Area Name

    The Area Name field of the starting point in the dataset needs to be bound.

    End Longitude

    The Area Name field of the starting point in the dataset needs to be bound.

    End Latitude

    The latitude information field of the ending point in the dataset needs to be bound.

    End Area Name

    The Area Name field of the ending point in the dataset needs to be bound.

    Series Name Using

    Field Name is used by default. For Field Name and Series Name, you can select the field in the dataset that represents the flow quantity. The Summary method is set to Sum by default.

    This document will demonstrate the two methods of geographic information matching separately. You can select one of them:

    • Area Name

    Bind the data to the map, as shown in the following figure.

    image 65.png

    Click the setting icon on the right side of Start Area Name and End Area Name to customize the area name matching relationship.

    iconNote:
    The data field can be matched to the map file area name automatically, or you need to customize a matching relationship.


    The following figure shows the matching relationship for Start Area Name.

    image 66.png

    The following figure shows the matching relationship for End Area Name.

    image 67.png

    • Lat/Long

    Bind the data to the map, as shown in the following figure.

    image 68.png

    Map Series Setting

    Several unique settings in the series style settings of flow map are shown as follows:

    Setting Item

    Description

    Curve

    • Line Width: The width of the flow line connecting Source and Destination

    • Curvature: The degree of curvature of the flow line

    • Opacity: The color opacity of the flow line

    Big Data

    Big Data Mode is suitable for scenarios with a large amount of data, which is disabled by default. When Big Data Mode is enabled, the Animation effect is automatically off.

    Animation

    The flow animation effect from the starting area to the ending area. You can set Type to Default or Custom Image, such as an airplane image or other custom images.

    In this example, the specific settings of the series are shown in the following figure, where Value is selected as Color Section and Area Gradient as Color Type, dividing its range into two parts based on the data in the data set.

    image 69.png

    iconNote:
     After you enable Big Data Mode, some functions are not available (grayed out): LabelFixed Display for LegendData Table, monitoring refresh - automatic data tips, line chart markers - style customization, scatter chart line type, and Animation.


    Effect Display

    Save the report and click Pagination Preview. The section "Application Scenario" shows the effect.

    Style Extension

    Flow Map - 0 for Line Width

    Based on the above example, set Line Width of the map under Style > Series > Curve to 0, as shown in the following figure.

    image 70.png

    Save the report, and the following figure shows the preview effect.

    流向地图线宽为0.gif

    Flow Map - Custom Image

    Based on the above example, set Line Width of the map under Style > Series > Curve to 1, set Animation > Type to Custom Image, and adjust the width and height of the image to make its size proportionate, as shown in the following figure.

    Click to download the image: Airplane.zip

    image 71.png

    Save the report, and the following figure shows the preview effect.

    流向地图飞机.gif

    Template Download

    Attachment List


    Theme: Chart
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy