用户可以通过交互功能实现大屏内组件间数据联动。
本示例通过地理搜索、柱状图,演示如何实现组件之间数据联动。基本流程如下:
- 添加和配置组件
- 预览和发布大屏
前提条件
已登录DLV控制台,并使用空白模板创建一个大屏。
添加和配置组件
- 打开大屏开发页面,在左侧组件中心,选择。
图1 选择地理搜索组件
- 在“样式”面板,配置地理搜索的样式,本示例使用默认样式。
图2 配置地理搜索样式
- 切换到“数据”面板,设置地理搜索组件的数据。
图3 设置地理搜索组件的数据
- 切换到“交互”面板,定义交互变量,并启用该变量。
图4 定义并启用交互变量
- 在左侧组件中心,选择。
图5 选择柱状图组件
- 在“样式”面板,配置柱状图组件的样式,本示例使用默认样式。
图6 配置柱状图样式
- 切换到“数据”面板,配置柱状图数据。
- 选择数据源,并配置字段映射。如图7所示,组件关联到动态数据。
图7 关联动态数据
- 按下shift+$键,引用4定义好的交互变量${name}。
图8 引用交互变量
预览和发布大屏
- 在大屏开发页面右上方,单击预览按钮,预览大屏。
图9 预览大屏数据
- 在地理搜索中,重新设定地理位置,柱状图则只显示对应位置的数据。
图10 预览过滤数据
- 交互功能验证无误后,单击大屏开发页面右上方的发布按钮,配置发布参数,将大屏发布和分享给其他用户。
图11 发布和分享大屏