Map accepts Passing Parameters

  • Last update:  2022-01-19
  • I. Overview

    Sometimes we want to select parameters according to the drop-down box, and then only display the data of the corresponding map. For example, if Fujian Province is selected, the map of Fujian Province will be highlighted at the bottom, as shown in the following figure:

    截屏2021-01-06 上午11.25.09.png

    II. Examples

    1. Data preparation

    Create a new report, add a dataset ds1, and the SQL statement is select * from MapEN to record the sales data of each province and city in China, as shown in the figure below:



    2. Insert chart

    Take the cell chart as an example, merge a cell, insert the Area map, and select Mapbox for the GIS layer, as shown in the following figure:

    截屏2021-01-06 上午11.03.30.png


    3. Binding chart data

    Bind the chart data, and the detailed settings are as follows:

    截屏2021-01-06 上午11.04.18.png


    4. Parameter setting

    1) At this time, we want to select the corresponding province through the drop-down box, and display the map of the corresponding province. Click Template > Template Parameter to create a new parameter $Province, as shown in the following figure:

    2) Add the parameter to the parameter pane, and select the type of the province parameter control as the drop-down box, as shown in the following figure:


    3) Select the chart, select the chart property sheet - type in the chart property sheet on the right, and select the newly added Province under the template parameters for the map boundary, as shown in the following figure:

    截屏2021-01-06 上午11.09.19.png

    4) The corresponding value of the parameter is the file path %fr of the map file in the geographic directory _ HOME%\webapps\webroot\WEB-INF\assets\map\geographic

    For example, the "province" = "geographic/China/Jiangsu" corresponds to China/Jiangsu. JSON under the map directory;

    Create a new data set DS2, and the SQL statement is SELECT distinct pid, 'geographic/World/China/'| |pid as newpid FROM MapEN where pid is not null, as shown in the figure below:

    截屏2021-01-06 上午11.14.55.png

    5) The data dictionary is set in the province drop-down box control. The actual value is newpid (the value corresponding to the province map in the map), and the display value is pid (the name of the province), as shown in the following figure:

    截屏2021-01-06 上午11.18.00.png


    5. Effect preview

    Save the template and click Pagination Preview The effect is as follows:

    PC terminal:

    1.gif

    Mobile terminal:

    4.gif

    III. Template download

    Completed template, please refer to %fr_ HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Chart\Map\ MapPara.cpt

    Click to download the template:

    MapPara.cpt

    Attachment List


    Theme: Chart
    • 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