反馈已提交

网络繁忙

跑马灯接口

  • 文档创建者:RosieY
  • 历史版本:11
  • 最近更新:RosieY 于 2022-10-27
  • 版本

    版本功能变动
    11.0

    和 10.0 区别:

    10.0 支持,10.0.19 及之后版本支持

    startMarquee

    注1:用以下接口实现的跑马灯效果,不支持通过「决策报表内报表块刷新插件」实现刷新。

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

    stopOnHover: boolean,

    to: string

    }

    滚动效果属性,json 格式

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

    interval:间隔时长,默认为 0.1s,单位为 s

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

    • true:暂停

    • false:不暂停

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

    • 'top':向上滚动

    • 'left':向左滚动

         返回值void
            示例

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

    report.startMarquee();

    示例2:普通报表中实现默认的跑马灯效果

    _g().startMarquee();

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

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

    注:代码添加在「初始化后」事件中时,建议添加一个延迟函数,否则可能会因为报表块对象没有完全创建而发生错误。示例如下:

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

    示例4:FVS 大屏模板中给 表格组件 添加默认的跑马灯效果

    setTimeout(() => {
            duchamp.getWidgetByName("表格组件").startMarquee()     
    }, 500)

    示例5:普通报表中实现每 0.3s 向左滚动 2 px,鼠标悬停时不暂停

    _g().startMarquee({        
    offset: 2,        
    interval: 0.3,        
    stopOnHover: false,
    to:'left'   
    });

    示例6:决策报表中 report0 报表块实现每 0.3s 向左滚动 2 px,鼠标悬停时不暂停

    setTimeout(function() {
    _g().getWidgetByName('report0').startMarquee({
    offset: 2,
    interval: 0.3,
    stopOnHover: false,
    to:'left'
    });
    }, 500);
      应用示例

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

    点击可下载模板:开启跑马灯.frm

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

    FVS 大屏模板示例可参见文档:FVS表格跑马灯

         移动端不支持移动端

    stopMarquee

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

    -

       返回值void
         示例

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

    report.stopMarquee();

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

    _g().stopMarquee();

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

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

    示例4:FVS 大屏模板中关闭 表格组件 的跑马灯效果

    duchamp.getWidgetByName("表格").stopMarquee();


      应用示例

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

    点击可下载模板:关闭跑马灯.frm

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

    FVS 大屏模板示例可参见文档:FVS表格跑马灯

       移动端不支持移动端


    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭