交互配置支持实现大屏内的组件对象动态显示隐藏,以应对复杂的可视化交互需求。
配置
可在“设置可见”的动作配置中,对当前事件需要显示或隐藏的对象进行选择。
组件:支持多选,一次性对多个对象进行显示隐藏控制。
- 当前:当前画布的图层结构;
- 全局:当前大屏内(包括动态面板内)的图层结构。
可见性
- 显示:触发所选对象显示;
- 隐藏:触发所选对象隐藏;
- 切换可见:触发所选对象显隐交替进行。
动画:显示隐藏的动画效果及时间。
逐渐:
右滑显示、左滑隐藏:
案例
效果
【选项卡】切换选项时,下方区域显示不同的内容;
本例中选中【占比】时,下方显示【年龄人数分布】图表;选中【详情】时,下方显示【年龄人数详情】表格。
实现过程
- 配置选项卡、图表和轮播表格组件;
- 将图表和表格拖拽至选项卡下方区域,布局完成;
- 默认先显示图表,所以在轮播表格图层设置【隐藏】;
- 在【选项卡】上配置交互:
- 选中【占比】时,显示图表隐藏表格:设置条件(id=1时),显示图表,隐藏表格;
- 选中【详情】时,隐藏图表显示表格:设置条件(id=2时),隐藏图表,显示表格;
- 预览效果:
作者:倪 创建时间:2023-06-05 11:18
最后编辑:倪 更新时间:2025-02-07 17:25
最后编辑:倪 更新时间:2025-02-07 17:25
