Dynamic Area Map Display by Template Parameter

This document is applicable to users who have installed the FineVis Data Visualization plugin to learn plugin functions.

Version

Application Scenario

In FVS visualization dashboards, you can use template parameters to set the map boundary and map points in area maps, point maps, flow maps, combination maps, and heat maps.

Note:

In FineReport with the FineVis Data Visualization plugin V3.2.2 and later versions, you can use template parameters to set the map boundary for scene maps.

This document takes area maps as an example to introduce how to dynamically display area maps using template parameters in FVS visualization dashboards. The following figure shows the preview effect.

Implementation Method

• Method One: You can set a hyperlink with a dynamic parameter for a table component, which enables you to make the map display corresponding region data by clicking the province names in the table.

• Method Two: You can add parameters to the title components, which enables you to make the map display corresponding region data by clicking the title components.

Template Creation

Choose File > New FineVis Visualization Dashboard in the upper left corner of the designer, and create a blank dashboard. You can customize the name and canvas size, as shown in the following figure.

Data Preparation

1. Create a dataset named ds1 and enter the SQL statement SELECT DISTINCT pid FROM Map LIMIT 10.

2. Create a dataset named ds2 and enter the SQL statement SELECT * FROM Map WHERE pid='${area}'.

Map Component Setting

1. Choose Chart > Map > Area Map to add an area map to the canvas, as shown in the following figure.

2. Edit the map by configuring the map data as shown in the following figure.

3. Choose Template > Template Parameter on the upper toolbar of the designer. On the Template Parameter page, enter Map Boundary in Name, select Formula from the drop-down list of Default Value, and enter "geographic/world/China/"+$area.

Note:

The path in Default Value refers to the installation path in the local directory.

4. Modify Map Boundary, as shown in the following figure.

Linkage Setting

Method One

Note:

You can implement the linkage either through the table or title component, meaning that either Method One or Method Two can be selected.

1. Choose Other > Text > Table to add a table component. Enter the table editing page, and drag the pid field into cell A1, as shown in the following figure.

2. Add a hyperlink with a dynamic parameter for cell A1. The parameter name is area, and the value is $$$, as shown in the following figure. After configuration, you can click cells to achieve linkage using the dynamic parameter.

3. Return to the canvas. Adjust the component size and page layout, as shown in the following figure.

Method Two

1. Add a title component and modify Title Content to Anhui Province, as shown in the following figure.

2. Add a Click event for the title component. In Parameter Setting, set Parameter Name to area, Parameter Type to Custom Content, and Parameter Content to Anhui Province, as shown in the following figure.

3. Add the title components in sequence. Title Content of each title should match the province names in dataset ds1, and each title needs to have a parameter set. The following figure shows the parameter setting.

Note:

The parameter name for each title should all be area, and the parameter content should be set to the province name corresponding to each title.

4. Adjust the component size and page layout, as shown in the following figure.

Effect Display

PC

Click Preview in the upper right corner. The effect is the same as that shown in section "Application Scenario."

Mobile Terminal

For details about the preview method, see FVS Preview on Mobile Terminal. The following figure shows the effect.

For details, you can download the template Dynamic Area Map Display by Template Parameter.fvs.

Page1 and Page2 in the template correspond to Method One and Method Two, respectively.