文档首页> 数据可视化 DLV> 用户指南> 如何使用DLV> 快速搭建大屏（交互功能）
更新时间：2022-05-09 GMT+08:00
查看PDF
分享

快速搭建大屏（交互功能）

用户可以通过交互功能实现大屏内组件间数据联动。

本示例通过地理搜索、柱状图，演示如何实现组件之间数据联动。基本流程如下：

  1. 添加和配置组件
  2. 预览和发布大屏

前提条件

已登录DLV控制台，并使用空白模板创建一个大屏。

添加和配置组件

  1. 打开大屏开发页面，在左侧组件中心，选择“交互 > 地理搜索”。

    图1 选择地理搜索组件

  2. 在“样式”面板，配置地理搜索的样式，本示例使用默认样式。

    图2 配置地理搜索样式

  3. 切换到“数据”面板，设置地理搜索组件的数据。

    图3 设置地理搜索组件的数据

  4. 切换到“交互”面板，定义交互变量，并启用该变量。

    图4 定义并启用交互变量

  5. 在左侧组件中心，选择“常用图表 > 柱状图”。

    图5 选择柱状图组件

  6. 在“样式”面板，配置柱状图组件的样式，本示例使用默认样式。

    图6 配置柱状图样式

  7. 切换到“数据”面板，配置柱状图数据。

    1. 选择数据源，并配置字段映射。如图7所示，组件关联到动态数据。
      图7 关联动态数据
    2. 按下shift+$键，引用4定义好的交互变量${name}。
      图8 引用交互变量

预览和发布大屏

  1. 在大屏开发页面右上方，单击预览按钮，预览大屏。

    图9 预览大屏数据

  2. 在地理搜索中，重新设定地理位置，柱状图则只显示对应位置的数据。

    图10 预览过滤数据

  3. 交互功能验证无误后，单击大屏开发页面右上方的发布按钮，配置发布参数，将大屏发布和分享给其他用户。

    图11 发布和分享大屏

父主题： 如何使用DLV
分享：

    相关文档

    相关产品

close