Displaying Areas Dynamically on a Map by Parameter

  • Last update:April 22, 2025
  • Overview

    Expected Effect

    Currently, only the map of China can be displayed in the regional map. In this case, you may want to dynamically display the map of a certain province, as shown in the following figure.

    Implementation Method

    You can use a Text Drop-Down filter component to realize the effect.

    Procedure

    Data Preparation

    1. Log in to the system as the admin, click My Analysis, select a folder, and click New Subject, as shown in the following figure.

    2.png

    2. Choose Local Excel > Upload Data, and upload the table data, as shown in the following figure.

    Sample data: Regional Data Analysis.xlsx

    3.png

    3. Click OK after the data is uploaded, as shown in the following figure.

    4.png

    Component Creation

    1. Click Component in the lower left corner, as shown in the following figure.

    5.png

    2. Convert the dimension field City in the to-be-analyzed area to a geographic role, as shown in the following figure.

    6.png

    3. Select Area Map in Chart Type and drag City (Longitude) to the horizontal axis and City (Latitude) to the vertical axis, as shown in the following figure.

    4. Choose Component Style > Background > Component Background, and deselect GIS, as shown in the following figure.

    iconNote:
    This procedure can be skipped as it is only for visualizing provincial subdivisions.

    iconNote:
    For details about adding labels, see Chart Label. For details about setting backgrounds, see Chart Component Style.

    Text Drop-Down Filter Component Adding

    1. Create a dashboard and add the component to the dashboard, as shown in the following figure.

    2. Choose Filter Component > Text Filter Component > Text Drop-Down, and drag the Province field into the Field bar, as shown in the following figure.

    11.png

    Effect Display

    PC

    The following figure shows the effect on PC.

    Mobile Terminal

    The following figure shows the preview effect on the DataAnalyst app and the HTML5 terminal.

    附件列表


    主题: Creating a Visual Component
    • 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