组件交互设置

发送反馈


地图大屏为组件提供了丰富的交互操作,以实现组件间的联动响应,从而可快速地从多角度观察和了解数据。

组件交互的对象为触发组件和目标组件,在触发组件中设置触发器可以实现组件间的交互。即在触发组件中触发了某一事件,比如鼠标点击、切换数据等事件,目标组件会执行相应的目标操作,比如地图组件高亮地图要素、图表组件切换显示数据等操作。交互操作的前提是触发组件和目标组件含有相同的数据,或者这两个组件的数据可以通过某一字段进行关联。

组件交互设置

在地图大屏中,通过以下步骤可进行组件交互设置:

  1. 选中触发组件,在右侧的交互设置面板中,为触发组件添加触发器;

  2. 添加触发器后,点击“添加操作”,依次选择“目标组件”、“目标操作”、“目标数据”后,点击“新增”按钮,即可完成组件交互设置。

部分触发器还需要设置“关联字段”,包括“触发图层的字段”和“目标图层的字段”,触发图层的字段指的是触发组件数据来源中的字段,目标数据的字段指的是目标组件数据来源中的字段,触发组件和目标组件将通过这两个字段进行关联,两个字段中的值需保持一致。

设置完成后,点击触发组件中的元素即可在目标组件中得到相应的业务响应。支持为同一个组件添加多个不同类型的触发器,也支持为同一个触发器设置多个目标操作。

下面对触发组件中的触发器以及触发器中的目标操作进行详细介绍。

触发器

触发器相当于一个事件监听器,当触发组件发生特定事件后,触发器被触发,目标组件会完成相应的操作。地图大屏支持的触发器有 7 种类型,下面对各种触发器及其使用场景进行具体说明。

目标操作

目标操作指的是当触发组件发生了特定的事件后,目标组件将执行的后续操作。地图大屏支持的目标操作有 8 种类型,下面对各种目标操作及其使用场景进行具体说明。

支持交互的组件

在地图大屏中,不同组件所支持的触发器类型和目标操作类型存在差异,支持交互的组件及其所支持的触发器和目标操作如表1所示。

表1 地图大屏支持的交互组件及交互操作

组件名 作为触发组件 支持的触发器

作为目标组件

支持的目标操作

地图

选择要素后
改变范围后

高亮要素
切换数据
添加至地图
缩放至地图
追加数据

图表

柱状图

选择记录后

过滤数据
高亮要素
切换数据

条形图

选择记录后

过滤数据
高亮要素
切换数据

饼图

选择记录后

过滤数据
高亮要素
切换数据

散点图

选择记录后

过滤数据
高亮要素
切换数据

折线图

选择记录后

过滤数据
高亮要素
切换数据

雷达图

选择记录后

过滤数据
高亮要素
切换数据

仪表盘

-

-

显示数据
切换数据

水球

-

-

显示数据
切换数据

进度条

-

-

显示数据
切换数据

进度环

-

-

显示数据
切换数据
基础 文本

鼠标点击后

显示数据
切换数据
切换超链接
文本列表

选择记录后

过滤数据
高亮要素
切换数据
指标

-

-

显示数据

切换数据

图片

-

-

显示数据

视频

-

-

显示数据

幻灯片

切换幻灯片后

-

-

数据 时间选择

日期范围变化后

-

-

数据切换

切换数据后

-

-

数据过滤

切换数据后

-

-

时间轴(段)

切换数据后

-

-

时间轴(点)

切换数据后

-

-

时间轴(条)

切换数据后

-

-

 

注意事项:当地图组件的地图来源为地图工作室 WebApp 制作的地图时,采用 3D 热力图、统计图表、OD 图样式的点图层不支持以下目标操作:高亮要素、添加至地图、缩放至地图、切换数据、追加数据。