蓝图中如何根据Tab切换实现柱状图数据动态变化？

产品使用
1

在助睿MAX的蓝图编辑器里，我有一个Tab列表和一个柱状图，想实现点击Tab1的时候柱状图显示A数据，点击Tab2的时候显示B数据，这个根据条件切换显示的逻辑怎么配？

1 个赞
2

使用蓝图编辑器中的“分支判断”节点。

首先，将Tab列表和柱状图组件导出到蓝图编辑器。

然后，添加一个“分支判断”节点。将Tab列表的“当点击Tab时”事件输出连接到分支节点的“判断”输入。

在分支节点配置中，设置判断类型为“同时满足所有条件”，然后在处理方法中编写return data.id == 1;，意思是满足条件返回true。

接着，将分支节点的“满足”输出连接到柱状图的“请求数据接口”动作（传入A数据的参数），将“不满足”输出连接到柱状图的“请求数据接口”动作（传入B数据的参数）。

配置完成后预览，点击Tab1时柱状图展示A数据，点击Tab2时展示B数据。