[FineReport帆软]使用gif图片背景/设置动态背景

最新推荐文章于 2024-10-12 22:16:50 发布

theon.tao

最新推荐文章于 2024-10-12 22:16:50 发布

阅读量5.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： FineReport帆软

本文链接：https://blog.youkuaiyun.com/tao_yf1989/article/details/108827466

FineReport帆软专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何为决策报表和普通报表设置动态背景，包括整体页面及特定报表区块，并演示了如何在单元格中插入动态图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.决策报表使用gif图片背景/动态背景

需要在报表块的初始化事件中添加js

1) 给整个body添加动态背景，js代码如下

setTimeout(function() {
    $('.content-container').css({'background': 'url(/webroot/help/picture/1.gif)no-repeat','background-size':'100% 100%'});
}, 1000);

注意，需要将图片拷贝到webroot/help/picture文件夹下；

2)给某个报表块添加动态背景，js代码如下

setTimeout(function() {
    $(".content-container div[widgetname='REPORT1']").css({'background': 'url(/webroot/help/picture/700.gif)no-repeat','background-size':'100% 100%'});
}, 1000);

注意，代码中widgetname的值需填写对应的报表块名称；

2.普通报表使用gif图片背景/动态背景

1)整张报表使用gif图片背景/动态背景

在web属性，添加加载结束事件，js代码如下

setTimeout(function() {
    $('.content-container').css({'background': 'url(/webroot/help/picture/1.gif)no-repeat','background-size':'100% 100%'});
}, 1000);

2)单元格插入gif图片

在单元格中插入公式，公式如下

=webimage("http://localhost:8075/webroot/help/picture/700.gif")。