交互配置支持实现大屏内的组件对象动态显示隐藏,以应对复杂的可视化交互需求。

配置

可在“设置可见”的动作配置中,对当前事件需要显示或隐藏的对象进行选择。

组件:支持多选,一次性对多个对象进行显示隐藏控制。

  • 当前:当前画布的图层结构;
  • 全局:当前大屏内(包括动态面板内)的图层结构。

可见性

  • 显示:触发所选对象显示;

  • 隐藏:触发所选对象隐藏;

  • 切换可见:触发所选对象显隐交替进行。

动画:显示隐藏的动画效果及时间。

逐渐:

右滑显示、左滑隐藏:

案例

效果

【选项卡】切换选项时,下方区域显示不同的内容;

本例中选中【占比】时,下方显示【年龄人数分布】图表;选中【详情】时,下方显示【年龄人数详情】表格。

实现过程

  1. 配置选项卡、图表和轮播表格组件;
  2. 将图表和表格拖拽至选项卡下方区域,布局完成;

  1. 默认先显示图表,所以在轮播表格图层设置【隐藏】;

  1. 在【选项卡】上配置交互:
  • 选中【占比】时,显示图表隐藏表格:设置条件(id=1时),显示图表,隐藏表格;
  • 选中【详情】时,隐藏图表显示表格:设置条件(id=2时),隐藏图表,显示表格;

  1. 预览效果:

作者:倪  创建时间:2023-06-05 11:18
最后编辑:倪  更新时间:2025-02-07 17:25