历史版本2 :显示/隐藏事件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

本文将介绍显示隐藏组件事件,通过简单配置即可实现组件显示、隐藏或切换显示/隐藏。

2. 功能介绍编辑

所有支持点击事件的二维组件,均支持「显示/隐藏」事件。添加后可控制目标对象的显示或隐藏。

  • 事件名称不支持为空,同一组件的事件不支持重名;

  • 支持添加多条对象;

  • 目标对象支持搜索筛选组件,支持多选组件;

  • 交互动作支持三种类型:显示、隐藏或切换显示/隐藏。

3. 操作步骤编辑

3.1 创建仪表板

点击「创建>仪表板」,创建一张新仪表板。如下图所示:

Group 182.png

3.2 添加组件

添加 标题组件 用于设置点击交互事件,用于被隐藏或显示的组件可随意添加。

本例添加了一个柱形图、一个饼图和一个折线图,以及三个图片组件作为标题组件的背景,可自定义修改组件名称。

最终效果如下图所示:

Group 207.png

在初始状态,我们需要将希望隐藏的组件,可在组件图层处手动设置组件为不可见状态。如下图所示:

Group 209.png

3.3 设置显示隐藏事件

选中「柱形图」标题,点击「交互>添加事件>鼠标点击>显示/隐藏」。

自定义事件名称,目标对象及交互动作设置如下:

目标对象
交互动作
柱形图、柱形图标题背景显示
饼图、折线图、饼图标题背景、折线图标题背景隐藏

Group 208.png

同理设置另外两个标题组件的事件,选择对应标题要实现显示或隐藏的目标对象即可,这里不再赘述。

3.4 效果预览

点击仪表板右上角「预览」,效果下图所示:

ScreenRecorderProject80.gif