51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

DataEase v1 使用 Tab 组件做多屏仪表板及自动轮播

1 背景介绍 {#1-%E8%83%8C%E6%99%AF%E4%BB%8B%E7%BB%8D}

  • DataEase 选项卡组件(Tab 组件)支持将多个其他组件放入其中,可间接实现多 Tab 页签的仪表板;
  • 通过 Tab 组件的轮播功能可间接实现大屏间的轮播。

image-1670568580182
image-1670568598557

2 方法介绍 {#2-%E6%96%B9%E6%B3%95%E4%BB%8B%E7%BB%8D}

  • 方法一:将选项卡组件大小设置为与仪表板大小相同,将其按照仪表板的画布来使用,每个 Tab 页签下完成一个完整仪表板的制作;
  • 方法二:将选项卡组件大小设置为与仪表板大小相同,再将网页组件放入选项卡组件中,同样将大小设置为与仪表板页面同大,网页组件中配置对应已做好的仪表板公共链接。

3 步骤演示 {#3-%E6%AD%A5%E9%AA%A4%E6%BC%94%E7%A4%BA}

3.1 方法一 {#3.1-%E6%96%B9%E6%B3%95%E4%B8%80}

1.将选项卡组件拖入到仪表板中。
image-1670568612402

2.将选项卡组件的大小设置为与仪表板同样大小。
image-1670568627208

3.在每个 Tab 页签下的空间中放入需要的各类视图和组件,制作完整的仪表板。
image-1670568632682
image-1670568638126

4.开启轮播并配置轮播间隔时间。
image-1670568643269

5.预览仪表板,查看整体效果。

3.2 方法二 {#3.2-%E6%96%B9%E6%B3%95%E4%BA%8C}

前提说明:

  • 仪表板均单独存在且已制作完成;
  • 仪表板在安全性上支持创建公共链接。

1.将选项卡组件拖入到仪表板中。

image-1670568668901

2.将选项卡组件的大小设置为与仪表板同样大小。
image-1670568673588

3.在每个选项卡组件中放入一个网页组件,并也将大小调整为屏幕大小。

image-1670568677889

4.分别对想要统一轮播的仪表板创建公共链接,并配置在网页组件中。
image-1670568683392
image-1670568687642
image-1670568692643

5.开启轮播并配置轮播间隔时间。
image-1670568697827

6.预览仪表板,查看整体效果。

赞(0)
未经允许不得转载:工具盒子 » DataEase v1 使用 Tab 组件做多屏仪表板及自动轮播