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
共有 0 条评论