【数字孪生实战案例】横向与纵向菜单栏该怎样设置自动轮播切换，同时和页面其余组件实现数据联动交互？~山海鲸可视化
·
横向/纵向菜单是可视化页面常用导航筛选控件，横向/纵向菜单不支持自动切换，可以通过进度条进行设置，还能绑定页面图表、表格等组件实现数据同步联动。本文详细介绍菜单切换效果与其他组件数据联动的配置操作。
1.添加“横向/纵向菜单”、“进度条”和“基础数据表格”至项目中。
2.选中横向菜单，在“样式”下，将“选项设置”改为“来自数据”。
接着在“数据”配置栏勾选数据，并开启“联动其他组件”。
3.选中基础数据表格，在“数据”配置栏，勾选相关数据，并开启“受其他组件联动”。
4.选中进度条，在“样式”下，可按需新增节点并自定义各节点值。
接着在“交互”配置栏，触发“到达节点时”事件，按需选择对应的“节点名称”和“选中”展示的字段，执行“组件自定义”操作且动作为“选中”，其他同理进行配置。
展示效果如下：
北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台
更多推荐
5
0- 0
已为社区贡献2条内容
所有评论(0)