跑马灯简介

stopOnHover: boolean，

to: string

滚动效果属性，json 格式

offset：每次滚动的距离，默认为 5 px

interval：间隔时长，默认为 0.1 s，自行设置单位为 s

注：JAR包日期为2021/11/29 及之前，单位为 ms 。

stopOnHover：鼠标悬停时是否暂停，默认为 true

• true：暂停

• false：不暂停

to：滚动的方向，支持向上和向左，默认向上

• 'top'：向上滚动
  

• 'left'：向左滚动

将获取到的报表块对象定义为 report，实现默认的跑马灯效果（每 0.1s 滚动 5 px，鼠标悬停时暂停）：

report.startMarquee();

实现每 0.3s 滚动 2 px，鼠标悬停时不暂停：

report.startMarquee({        
	offset: 2,        
	interval: 0.3,        
	stopOnHover:false    
});

普通报表中添加跑默认的跑马灯效果：

_g().startMarquee();

决策报表中给 report0 报表块添加默认的跑马灯效果：

注：决策报表中使用时，建议添加一个延迟函数。

setTimeout(function(){
     _g().getWidgetByName('report0').startMarquee()
}, 500);

报表块实现跑马灯效果，鼠标悬浮时停止滚动：

-

将获取到的报表块对象定义为 report，关闭通过 startMarquee() 设置的跑马灯效果：

report.stopMarquee();

普通报表中： 

_g().stopMarquee();

决策报表中：

_g().getWidgetByName('report0').stopMarquee();

报表块实现跑马灯效果，点击「关闭」按钮取消跑马灯效果：

实现思路：

无需代码，安装「滚动消息控件插件」就可以简单又方便地实现滚动字幕的效果。

参考文档：

滚动消息控件插件

向左

向右

向下

向上

实现思路：

单元格中添加 html 代码，显示 html 内容实现文字滚动。可竖屏滚动、横屏滚动、不规则横屏滚动，修改代码即可实现。

参考文档：

以HTML实现消息滚动

向左

向右

向下

向上

实现思路：

普通报表中，添加 JS 使得单元格内容滚动，滚动到最后一行后跳转到第一行继续滚动；鼠标悬停时停止滚动。

参考文档：

JS实现自动滚屏/跑马灯效果

实现思路：

决策报表中，给报表块添加 JS 实现单元格内容滚动，滚动到最后一行后跳转到第一行继续滚动；鼠标悬停时停止滚动。

参考文档：

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

实现思路：

单元格中添加 html 代码，再配合 JS 实现滚动效果。滚动到最后一行后接上第一行内容，实现首尾相接的滚动效果。

参考文档：

JS实现首尾相接的跑马灯