页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。



面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录


概述

跑马灯又叫轮播图,常适用于:当内容空间不足时,资源轮播展现,达到更好的利用空间资源目的。通过轮播的切换形式,增加组件内容资源的丰富性,趣味性。跑马灯又叫轮播图。当内容空间不足时,使用资源轮播展现的形式能更好地利用报表空间资源。通过轮播的切换形式,增加组件内容资源的丰富性,趣味性。

该处的TAB页跑马灯是用来在自助仪表盘中实现一个TAB页组件多页签、不同页签显示不同报表资源的轮播效果。本质是在仪表盘中实现一个TAB页组件多页签、不同页签显示不同报表资源的轮播效果。

实例

下图是一个典型的跑马灯轮播效果图,用1个清单表和1个柱图显示用户关注的信息,这些信息首尾相连,向同个方向循环滚动。点击图表旁边的切换的按钮,可以切换到下一页签或返回上一页签,页签之间也可以实现自动切换效果。

Image Removed

以下场景多用跑马灯实现:

  • 证券业中常用“跑马灯”来显示不断变化的股票行情;
  • 实际应用中也常通过“跑马灯”来监视是否死机。

    适用场景

    • 证券业中,常用“跑马灯”来显示不断变化的股票行情;
    • 实际应用中也常通过“跑马灯”来监视是否死机。

    示例效果

    下图是一个典型的跑马灯轮播效果图,用1个清单表和1个柱图显示用户关注的信息,这些信息首尾相连,向同个方向循环滚动。点击图表旁边的切换的按钮,可以切换到下一页签或返回上一页签,页签之间也可以实现自动切换效果。

    Image Added

    操作步骤

    以上实例实现的操作步骤如下:

    1、在自助仪表盘定制界面中拖拽一个1、在仪表盘定制界面中拖拽一个"TAB页"组件。

    Image RemovedImage Added

    2、在页签1中创建一个清单表。

    Image RemovedImage Added

    3、 增加一个页签2页。

    Image RemovedImage Added

    4、在页签2页创建一个柱图。

    Image RemovedImage Added

    5、 返回到页签1页, 更多 菜单下勾选 跑马灯

    Image RemovedImage Added

    6、单击右上角组件的 取消编辑tab组件 按钮,保存自助仪表盘即可。 按钮,保存仪表盘即可。

    Image RemovedImage Added