反馈已提交

网络繁忙

跑马灯接口

  • 文档创建者:RosieY
  • 历史版本:20
  • 最近更新:Tracy.Wang 于 2024-09-29
  • 版本

    版本功能变动
    11.0

    和 10.0 区别:

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

    11.0.9FVS V1.14.0 版本提供了跑马灯特效配置项,无需通过 JS 即可设置跑马灯效果。为与功能配置项对齐,优化了 FVS 的 startMarquee 接口参数

    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:普通报表中实现每 0.3s 向左滚动 2 px,鼠标悬停时不暂停

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

    示例5:决策报表中 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 可视化看板

    方法startMarquee(opt)开启跑马灯效果
         参数

    opt: {

    mode:string,

    speed:number,

    to:string,

    stay:number,

    stopOnHover:boolean,

    joinable:boolean,

    }

    滚动效果属性,json 格式

    mode:滚动内容,默认为整屏

    • 'item':逐条

    • 'page':整屏

    speed:滚动速度,默认为 50px/s,单位为 px/s

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

    • 'top':向上滚动

    • 'left':向左滚动

    stay:滚动间隔,默认为 0s ,单位为 s

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

    • true:暂停

    • false:不暂停

    joinable:滚动方式是否为首尾相接,默认为 false

    • true:首尾相接

    • false:从头开始

        返回值void
         示例

    示例:FVS 可视化看板中给 表格组件 添加默认的跑马灯效果

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


      应用示例

    参见文档:JS实现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 可视化看板示例可参见文档:JS实现FVS表格跑马灯

       移动端不支持移动端


    附件列表


    主题: 二次开发
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持