组件交互设置 |
地图大屏为组件提供了丰富的交互操作,以实现组件间的联动响应,从而可快速地从多角度观察和了解数据。
组件交互的对象为触发组件和目标组件,在触发组件中设置触发器可以实现组件间的交互。即在触发组件中触发了某一事件,比如鼠标点击、切换数据等事件,目标组件会执行相应的目标操作,比如地图组件高亮地图要素、图表组件切换显示数据等操作。交互操作的前提是触发组件和目标组件含有相同的数据,或者这两个组件的数据可以通过某一字段进行关联。
在地图大屏中,通过以下步骤可进行组件交互设置:
选中触发组件,在右侧的交互设置面板中,为触发组件添加触发器;
添加触发器后,点击“添加操作”,依次选择“目标组件”、“目标操作”、“目标数据”后,点击“新增”按钮,即可完成组件交互设置。
部分触发器还需要设置“关联字段”,包括“触发图层的字段”和“目标图层的字段”,触发图层的字段指的是触发组件数据来源中的字段,目标数据的字段指的是目标组件数据来源中的字段,触发组件和目标组件将通过这两个字段进行关联,两个字段中的值需保持一致。
设置完成后,点击触发组件中的元素即可在目标组件中得到相应的业务响应。支持为同一个组件添加多个不同类型的触发器,也支持为同一个触发器设置多个目标操作。
下面对触发组件中的触发器以及触发器中的目标操作进行详细介绍。
触发器相当于一个事件监听器,当触发组件发生特定事件后,触发器被触发,目标组件会完成相应的操作。地图大屏支持的触发器有 7 种类型,下面对各种触发器及其使用场景进行具体说明。
目标操作指的是当触发组件发生了特定的事件后,目标组件将执行的后续操作。地图大屏支持的目标操作有 8 种类型,下面对各种目标操作及其使用场景进行具体说明。
在地图大屏中,不同组件所支持的触发器类型和目标操作类型存在差异,支持交互的组件及其所支持的触发器和目标操作如表1所示。
组件名 | 作为触发组件 | 支持的触发器 |
作为目标组件 |
支持的目标操作 | |
地图 |
√ |
选择要素后 改变范围后 |
√ |
高亮要素 切换数据 添加至地图 缩放至地图 追加数据 |
|
图表 |
柱状图 |
√ |
选择记录后 |
√ |
过滤数据 高亮要素 切换数据 |
条形图 |
√ |
选择记录后 |
√ |
过滤数据 高亮要素 切换数据 |
|
饼图 |
√ |
选择记录后 |
√ |
过滤数据 高亮要素 切换数据 |
|
散点图 |
√ |
选择记录后 |
√ |
过滤数据 高亮要素 切换数据 |
|
折线图 |
√ |
选择记录后 |
√ |
过滤数据 高亮要素 切换数据 |
|
雷达图 |
√ |
选择记录后 |
√ |
过滤数据 高亮要素 切换数据 |
|
仪表盘 |
- |
- |
√ |
显示数据 切换数据 |
|
水球 |
- |
- |
√ |
显示数据 切换数据 |
|
进度条 |
- |
- |
√ |
显示数据 切换数据 |
|
进度环 |
- |
- |
√ |
显示数据 切换数据 |
|
基础 | 文本 |
√ |
鼠标点击后 |
√ |
显示数据 切换数据 切换超链接 |
文本列表 |
√ |
选择记录后 |
√ |
过滤数据 高亮要素 切换数据 |
|
指标 |
- |
- |
√ |
显示数据 切换数据 |
|
图片 |
- |
- |
√ |
显示数据 |
|
视频 |
- |
- |
√ |
显示数据 |
|
幻灯片 |
√ |
切换幻灯片后 |
√ |
切换幻灯片 |
|
数据 | 时间选择 |
√ |
日期范围变化后 |
- |
- |
数据切换 |
√ |
切换数据后 |
- |
- |
|
数据过滤 |
√ |
切换数据后 |
- |
- |
|
时间轴(段) |
√ |
切换数据后 |
- |
- |
|
时间轴(点) |
√ |
切换数据后 |
- |
- |
|
时间轴(条) |
√ |
切换数据后 |
- |
- |
注意事项:当地图组件的地图来源为地图工作室 WebApp 制作的地图时,采用 3D 热力图、统计图表、OD 图样式的点图层不支持以下目标操作:高亮要素、添加至地图、缩放至地图、切换数据、追加数据。