# 快速搭建大屏（交互功能）
用户可以通过交互功能实现大屏内组件间数据联动。
本示例通过地理搜索、柱状图，演示如何实现组件之间数据联动。基本流程如下：
1. [添加和配置组件]
2. [预览和发布大屏]
#### 前提条件
已登录DLV控制台，并使用空白模板创建一个大屏。
 #### 添加和配置组件
1. 打开大屏开发页面，在左侧组件中心，选择"交互 \> 地理搜索"。 
   图1选择地理搜索组件   
   ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001086733321.png)
   
   
2. 在"样式"面板，配置地理搜索的样式，本示例使用默认样式。 
   图2配置地理搜索样式   
   ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001086733875.png "点击放大")
   
   
3. 切换到"数据"面板，设置地理搜索组件的数据。 
   图3设置地理搜索组件的数据   
   ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001086594773.png "点击放大")
   
   
4. 切换到"交互"面板，定义交互变量，并启用该变量。
   
   图4定义并启用交互变量   
   ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001086734341.png)
   
   
5. 在左侧组件中心，选择"常用图表 \> 柱状图"。 
   图5选择柱状图组件   
   ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001083170105.png)
   
   
6. 在"样式"面板，配置柱状图组件的样式，本示例使用默认样式。 
   图6配置柱状图样式   
   ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001083092813.png "点击放大")
   
   
7. 切换到"数据"面板，配置柱状图数据。 
   1. 选择数据源，并配置字段映射。如[图7]所示，组件关联到动态数据。
      图7关联动态数据   
      ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001087031263.png "点击放大") 
   
   2. 按下shift+$键，引用[4]定义好的交互变量${name}。
      图8引用交互变量   
      ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001086879705.png) 
   
   
   
   
 
 #### 预览和发布大屏
1. 在大屏开发页面右上方，单击预览按钮![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001083355869.png)，预览大屏。
   
   图9预览大屏数据   
   ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001087033965.png "点击放大")
   
   
2. 在地理搜索中，重新设定地理位置，柱状图则只显示对应位置的数据。 
   图10预览过滤数据   
   ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001086880527.png "点击放大")
   
   
3. 交互功能验证无误后，单击大屏开发页面右上方的发布按钮![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001087034147.png)，配置发布参数，将大屏发布和分享给其他用户。
   
   图11发布和分享大屏   
   ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001087034211.png "点击放大")