JS实现决策报表中滚屏/跑马灯效果

1. 概述

1.1 版本
报表服务器版本功能变更11.0--

1.2 预期效果
普通报表可以参考 JS实现自动滚屏/跑马灯效果 实现跑马灯效果,决策报表中报表块同样希望实现跑马灯效果,如下图所示:

1.3 实现思路
通过给报表块添加「初始化后」 JS 事件实现隐藏滚动条的跑马灯的效果。
跑马灯的详细接口介绍可参见:跑马灯接口
2. 示例

2.1 数据准备
新建决策报表,新建数据集 ds1 ,SQL 语句为:SELECT * FROM 销量,如下图所示:

2.2 报表设计
1)将报表块 report0 拖入到 body 组件中,如下图设计报表块的表格。

2)选中报表块 report0 ,点击「编辑」,冻结第 1 行,如下图所示:

2.3 添加事件
选中报表块 report0 ,添加初始化事件,如下图所示:

JavaScript 代码如下:

setTimeout(function(){
     _g().getWidgetByName('report0').start

JS实现决策报表中滚屏/跑马灯效果最先出现在Python成神之路

版权声明:
作者:ht
链接:https://www.techfm.club/p/14121.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>