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

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

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

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

可编程跑马灯安装教程(跑马灯效果如何实现)(1)

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

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


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


可编程跑马灯安装教程(跑马灯效果如何实现)(2)


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


可编程跑马灯安装教程(跑马灯效果如何实现)(3)


3、 增加一个页签2页。


可编程跑马灯安装教程(跑马灯效果如何实现)(4)


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


可编程跑马灯安装教程(跑马灯效果如何实现)(5)


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


可编程跑马灯安装教程(跑马灯效果如何实现)(6)


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


可编程跑马灯安装教程(跑马灯效果如何实现)(7)

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

可编程跑马灯安装教程(跑马灯效果如何实现)(8)

版本及客户端说明


1.Smartbi版本:V9


2.客户端:PC


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

设置方法

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


可编程跑马灯安装教程(跑马灯效果如何实现)(9)


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

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


可编程跑马灯安装教程(跑马灯效果如何实现)(10)


宏类型


可编程跑马灯安装教程(跑马灯效果如何实现)(11)


宏代码


可编程跑马灯安装教程(跑马灯效果如何实现)(12)

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


,