历史版本2 :跑马灯接口 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

startMarquee编辑

方法startMarquee(opt)开启跑马灯效果
        参数opt: {
offset: number;
interval: number;

stopOnHover: boolean;

to: string

}

滚动效果属性,json 格式

offset:每次滚动的距离,默认为 5 px

interval:间隔时长,默认为 0.1 s,自行设置单位为 ms

stopOnHover:鼠标悬停时是否暂停,默认为 true

  • true:暂停

  • false:不暂停

to:滚动的方向,支持向上和向左,默认向上

  • top:向上滚动

  • left:向左滚动

     返回值void
        示例

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

report.startMarquee();

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

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

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

_g().startMarquee();

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

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

setTimeout(function(){
     _g().getWidgetByName('report0').startMarquee()
}, 500);
  应用示例

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

2021-08-25_16-46-53.gif

     移动端不支持移动端

stopMarquee编辑

方法stopMarquee()关闭跑马灯效果
     参数-

-

   返回值void
     示例

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

report.stopMarquee();

普通报表中关闭通过 startMarquee() 设置的跑马灯效果:

_g().stopMarquee();

决策报表中关闭 report0 报表块的跑马灯效果:

_g().getWidgetByName('report0').stopMarquee();
  应用示例

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

2021-08-27_14-30-18.gif

   移动端不支持移动端