显示/隐藏事件

1.1 应用场景

「显示/隐藏」事件可通过点击组件，控制仪表板中指定组件显示、隐藏，或在显示与隐藏之间切换。该事件适用于点击标题切换图表、分步展示内容、收起辅助说明等场景，可帮助查看者更聚焦地浏览仪表板信息。

1.2 功能介绍

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

• 显示：控制一个或多个目标组件显示。

• 隐藏：控制一个或多个目标组件隐藏。

• 切换显示/隐藏：控制目标组件在显示和隐藏状态之间切换。

2.1 创建仪表板

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

2.2 添加组件

在仪表板中添加需要展示的组件，以及用于触发交互事件的组件。

1）本文以点击标题切换图表为例，添加以下组件：

• 一个柱形图、一个饼图、一个折线图（开启自由模式后，重叠放置）。

• 三个 标题组件 ，分别作为柱形图、饼图、折线图的点击入口。

2）在初始状态，希望部分组件（条形图、饼图）在初始状态下不显示，可在组件图层中找到对应组件，并将其设置为不可见。

2.3 设置显示/隐藏事件

1）选中「柱形图按钮文字」，点击「交互>添加事件>鼠标点击」。自定义事件名称，目标对象及交互动作设置如下：

2）选择「显示/隐藏」。

3）设置显隐规则如下：

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

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