在数智大屏中,如果要实现几个组件之间数据的联动,往往需要通过设置一个或多个全局变量来实现。

本文通过一个数据联动的简单案例,来讲解如何通过【大屏变量】实现组件间的数据联动。

实现效果

通过【选项卡】联动【图表】数据的变化。

如图,通过选项卡切换查看2020和2021分别对应的招聘情况(面积图)数据。

实现过程

  • 设置大屏变量【年】,数值型,默认值为2020;

  • 【选项卡】交互中配置:当【切换选项卡】时,将选项卡的内容值传值给大屏变量【年】;

  • 将大屏变量【年】配置在【图表】的参数值中,即实现:大屏变量值变化时,将实时传值给图表的参数,联动变化过滤图表的数据;

  • 最终实现,切换【选项卡】时,将把选中的内容值(2020或2021)传递给大屏变量【年】,进而传递给图表参数【年份】,最后实现了切换选项卡时联动图表数据的交互效果。

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