显示/隐藏事件

  • 文档创建者:yzm164890
  • 历史版本:4
  • 最近更新:Naya 于 2024-12-05
  • 1. 概述

    「显示/隐藏」事件通过简单配置即可实现组件显示、隐藏或切换显示/隐藏,满足不同场景下的展示需求。

    1.gif

    1.1 功能介绍

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

    • 「显示/隐藏」事件支持添加多条对象;

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

    2. 操作步骤

    2.1 创建仪表板

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

    Group 182.png

    2.2 添加组件

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

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

    Group 207.png

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

    Group 21.png

    2.3 设置显示隐藏事件

    1)选中「柱形图」标题,点击「交互>添加事件>鼠标点击>显示/隐藏」。自定义事件名称,目标对象及交互动作设置如下:

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

    Group 208.png

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

    3 效果预览

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

    ScreenRecorderProject80.gif

    附件列表


    主题: 仪表板2.0
    • 有帮助
    • 没帮助
    • 只是浏览

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    8s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持

    反馈已提交

    网络繁忙