ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-02-24 16:04:19  阅读:194  来源: 互联网

标签:浏览器 轮播 实现 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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有