选项卡和时间范围选择器联动

易知微创新技术团队

| 2024-10-10 10:06 64 0 0

一、预览效果

在数据容器中处理各种时间格式，发出回调给时间范围选择器。并利用自定义事件，通过点击选项卡的不同选项控制时间范围。

第一步，添加数据容器、选项卡和时间范围选择器（在样式中勾选截止当前时间）。修改选项卡中的数据，分别对应需要设置的时间范围，并将选项卡设置为6列。

选项卡中的数据如图所示

修改选项卡样式

第二步，给选项卡添加交互。

第三步，修改数据容器的数据，并添加数据过滤器，接收选项卡发出的回调参数s，处理各种时间。注意添加回调字段。

第四步，给数据容器添加回调字段list。

第五步，修改时间范围选择器中的数据，与数据容器中保持一致。并添加回调字段list，接收数据容器发出的回调。

如需教程Demo，请关注公众号【易知微产品帮助中心】，发送“时间范围选择器”即可获得~

选项卡切换组件容器 选项卡切换 选项卡和时间范围选择器联动 时间范围选择器联动 选项卡

赞同 0

135

文章

1.08K

人气

粉丝

关注

扫码获取

更多数字孪生可视化干货内容