其他分享
首页 > 其他分享> > 跑马灯效果如何实现?Smartbi一文助你掌握

跑马灯效果如何实现?Smartbi一文助你掌握

作者:互联网

大数据时代,人的注意力越来越成为一种稀缺资源,让信息去匹配读者注意力,显然优于让人的注意力去适应信息。因此我们就需要在数据呈现上进行创新。那么如何让数据变得动态化,可视化呢?或许可以尝试一下跑马灯效果。

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

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

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

在这里插入图片描述

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

以上实例实现的操作是基础国内排名靠前的BI工具Smartbi一站式数据分析平台实现的,步骤如下:

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

在这里插入图片描述

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

在这里插入图片描述

3、 增加一个页签2页。

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

如果还想在电子表格中使数据实现跑马灯滚动的效果,该需求可通过宏代码实现。而这种方式适用于重要信息、实时信息动态滚动,保证业务人员对该信息的高度关注。

在这里插入图片描述

版本及客户端说明

1.smartbi版本:V9

2.客户端:PC

3.浏览器:IE11、谷歌浏览器(Chrome)、火狐浏览器(Firefox)

设置方法

1、首先在电子表格设计器(Microsoft Office Excel)中,创建好电子表格,如下:

在这里插入图片描述

2、在浏览器的“分析展现”节点下,选中该电子表格,右键选择 编辑宏 进入报表宏界面。

3、在报表宏界面新建客户端模块。在弹出的新建模块对话框中,选择对象为spreadSheetReport、事件为onRender、并把下面宏代码复制到代码编辑区域。

在这里插入图片描述

宏类型

在这里插入图片描述

宏代码

在这里插入图片描述

要想实现跑马灯效果,BI工具是个不错的助手。Smartbi一站式数据分析平台,对接各种业务数据库和大数据平台,能够满足各种数据分析应用需求;同时它对于新手小白来说十分友好,简单易操作,很多时候仅需要用鼠标拖拉拽便可轻松完成。

标签:浏览器,轮播,实现,Smartbi,跑马灯,电子表格,组件,一文
来源: https://blog.csdn.net/Moogical/article/details/123112671