FVS使用模板参数动态展示区域地图

适用场景：安装了「FineVis数据可视化」插件的用户，可参考本文了解 FineVis 的相关功能。

1.1 版本

1.2 预期效果

本文将介绍 FVS 模板中使用模板参数来动态显示区域地图，预览效果如下图所示：

1.3 实现思路

• 方法一：通过表格设置动态参数类型的超链接实现点击表格中的省份可以让地图展示对应的区域数据。

• 方法二：通过标题添加参数实现点击省份标题可以展示对应的地图区域的数据。

2.1 新建模板

点击设计器左上角「文件>新建可视化看板」，创建一张空白看板，可自定义名称和尺寸。如下图所示：

2.2 准备数据

1）新建数据集 ds1，数据库查询语句为：select distinct pid from 地图 limit 10。

2）新建数据集 ds2，数据库查询语句为：select * from 地图 where pid='${area}'。

2.3 设置地图组件

1）点击组件区「图表>地图类>区域地图」，将其添加到画布中。如下图所示：

2）编辑地图，如下图设置地图数据。

3）点击设计器顶部工具栏「模板>模板参数」添加一个模板参数，命名为「地图边界」，默认值选择公式，输入 "geographic/world/中国/"+$area。

注：默认值中的路径为其安装路径，如下图所示。

4）最后如下图修改地图的「地图边界」，如下图所示：

2.4 设置联动

2.4.1 方法一

注：用户可以选择通过表格或者标题来实现，即方法一和方法二选择一个即可。

1）点击组件区「文字>表格」，添加一个表格组件，进入编辑界面，将数据拖入A1单元格中。如下图所示：

2）给 A1 单元格添加动态参数类型的超级链接，设置参数为 area，值为公式 $$$。设置后点击单元格即可实现动态参数联动。如下图所示：

3）返回画布后，调整组件尺寸和布局。如下图所示：

2.4.2 方法二

1）添加一个标题，将「标题内容」更改为「安徽省」。如下图所示：

2）给标题添加点击事件，并且设置相应的参数，设置参数名为 area，值为自定义内容「安徽省」。如下图所示：

3）依次添加标题：每个标题的「标题内容」为 ds1 数据集里各个省份的名称，并且每个标题都需要设置参数。参数设置如下图所示：

注：其中，每个标题的参数名都为 area，参数内容需要改为对应标题的省份名称。

4）最后调整组件尺寸和布局。如下图所示：

2.5 效果预览

2.5.1 PC 端

点击右上角「预览」。效果如 1.2 节预期效果所示。

2.5.2 移动端

预览方式请参考 FVS移动端预览 ，效果如下图所示：

点击下载模板：FVS使用模板参数动态展示区域地图.fvs

模板中的页面1、页面2分别对应方法一和方法二