文档首页 > > 用户指南> 如何使用DLV> 快速搭建大屏(交互功能)

快速搭建大屏(交互功能)

分享
更新时间: 2019/04/29 GMT+08:00

用户可以通过交互功能实现大屏内组件间数据联动,DLV当前支持交互的组件有:搜索框、时间轴、时间选择器、数字翻牌器。

本示例通过时间选择器、柱状图,演示如何实现组件之间数据联动。基本流程如下:

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

前提条件

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

添加和配置组件

  1. 打开大屏开发页面,在左侧组件中心,选择其他 > 时间选择器

    图1 选择时间选择器组件

  2. “样式”面板,配置时间选择器的样式,本示例使用默认样式。

    图2 配置时间选择器样式

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

    图3 定义并启用交互变量

  4. 在左侧组件中心,选择常用图表 > 柱状图

    图4 选择柱状图组件

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

    图5 配置柱状图样式

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

    1. 选择数据源,并配置字段映射。如图6所示,组件关联到动态数据。
      图6 关联动态数据
    2. 按下shift+$键,引用3定义好的交互变量${date},设定过滤条件create_time < '${date}'。
      图7 引用交互变量

预览和发布大屏

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

    图8 预览大屏数据

  2. 在时间选择器中,重新设定日期为2018/11/26,柱状图则只显示2018/11/26日之前的数据。

    图9 预览过滤数据

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

    图10 发布和分享大屏

分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!

非常感谢您的反馈,我们会继续努力做到更好!

反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

跳转到云社区