FVS中实现扩展图表轮播联动

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

1.1 版本

1.2 预期效果

当地图轮播显示地理位置时，右侧的指标卡和水球图也能显示对应地区的数据。

2.1 新建模板

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

2.2 准备数据

在左下方新建两个数据库查询，查询语句分别为：

ds1：SELECT * FROM GisMap 

ds2：SELECT * FROM GisMap WHERE 区域名='${area}'

ds2 中的参数area是联动的关键，轮播时需通过area参数传递地区，使图表组件获取到该地区的数据，可自定义初始值。

2.3 设计模板

2.3.1 添加组件

在组件区找到轮播 GIS 点地图、轮播 KPI 指标卡-电子、水球图组件，添加到画布中，调整到合适的布局。如下图所示：

2.3.2 绑定图表数据

GIS点地图要绑定 ds1 的数据，指标卡和水球图要绑定含有参数的 ds2 的数据，才可以实现地图轮播时，指标卡和水球图根据参数联动。

1）选中GIS点地图组件，绑定地图数据如下图所示：

2）选中指标卡组件，绑定地图数据如下图所示：

3）选中水球图组件，绑定地图数据如下图所示：

2.3.3 设置图表样式

选择「水球图」，设置「样式>标题」为公式 =$area+"销售进度"，让标题可以随地区动态展示。

2.4 组件联动设置

1）选择「轮播 GIS 点地图」，在右侧点击「交互>添加标签切换事件」，选择「组件联动」。如下图所示：

2）组件联动的事件名称为「联动图表」，联动范围选择「全局联动」，参数名称为「area」，参数类型为「当前组件字段」，参数内容选择「区域名」。如下图所示：

2.5 效果预览

保存模板，点击「预览」，效果如 1.2 节所示。

注：不支持移动端。

点击下载模板：FVS中实现扩展图表轮播联动.fvs