轮播同步图表联动

更新时间:2020-02-10

如果您还不了解什么是图表联动、轮播同步图表联动,或者不了解如何配置图表的联动功能,请查看「图表的联动」。本章节是介绍核心指标、折线图、省份地国作为全国色彩地图联动的下级图表,在色彩地图开启「轮播同步图表联动」功能时,是如何改变下级图表状态的。

该示例的演示效果可点击这里:查看演示效果

全国地图轮播同步省份地图、折线图、核心指标的联动

图表联动时地图范围动态变化一节中,详细讲解了如何通过点击全国地图中的省份触发省份地图联动。在大屏弱交互的使用场景中,很多时候希望能够通过轮播的方式,自动触发下级图表联动,来展示上级图表的相关信息,本节详细阐述如何实现这样的功能。

1、设置联动关系

在页面上添加两个地图、核心指标和折线图,一个地图设置为全国地图,另一个设置为省份地图。然后将核心指标、折线图、省份地图设置为全国地图的联动图表。

图片

2、设置联动的省份地图、核心指标、折线图

「省份」不能设置为固定的某个省,需要设置为「根据下钻或联动动态切换」,并且可以设置「联动时默认省份」(即没有点击全国地图时,省份地图默认展示的省份),这块的详见图表联动时地图范围动态变化

图片

省份地图、核心指标、折线图这三个图表的数据需要能够根据全国地图来联动,具体设置详见图表的联动

3、设置轮播同步图表联动

对全国地图,需要开启轮播以及轮播同步图表联动:

图片

按照上面这样设置既可以实现地图自动轮播时,省份地图、核心指标、折线图同步展示当前轮播省份的信息,可点击这里查看演示效果

本页内容