怎么在决策报表给报表块添加动图效果?

直接添加背景图片好像没有效果,没有动态变化

FineReport 一袋锋花 发布于 2021-7-30 09:00
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
给我一瓶乳酸菌Lv4见习互助
发布于2021-7-30 09:10

body背景是动态效果,需要在FineReport安装的目录中添加动图文件(请根据实际文件添加)

动图sx.gif路径:% FineReport_10.0%\webapps\webroot\help\picture

演示:sx.gif

a.png

然后再body里添加初始化事件

b.png

setTimeout(function() {

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

}, 1000);

 

注意:添加动图背景的时候,在设计器里的body不能添加背景图,否则将不会得到动图效果。

  • 一袋锋花 一袋锋花(提问者) 只有在这个路径下放了gif才能使用吗,我在远程服务器上设计报表写本地的路径是不是不对呀
    2021-07-30 09:24 
  • 给我一瓶乳酸菌 给我一瓶乳酸菌 回复 一袋锋花(提问者) 要在远程服务器的里面放置才可以哦
    2021-07-30 09:42 
  • 一袋锋花 一袋锋花(提问者) 回复 给我一瓶乳酸菌 非常感谢,不过不知道为什么这个脚本不管用,稍微改了一下: setTimeout(function() { $(\"div[widgetname=\'REPORT0\'\").css({\'background\': \'url(/webroot/help/picture/sx.gif)no-repeat\',\'background-size\':\'100% 100%\'}); }, 1000);
    2021-07-30 09:50 
  • 给我一瓶乳酸菌 给我一瓶乳酸菌 回复 一袋锋花(提问者) 可以的,很棒
    2021-07-30 15:20 
最佳回答
0
沉默的反补Lv6中级互助
发布于2021-7-30 09:01(编辑于 2021-7-30 09:05)

决策报表动态背景插件-https://help.fanruan.com/finereport/doc-view-3347.html

看看是你要的效果吗,需要安装插件

  • 一袋锋花 一袋锋花(提问者) 我想用自己的gif图片,而且不是背景图,是给一个报表块加个边框什么的
    2021-07-30 09:07 
  • 沉默的反补 沉默的反补 回复 一袋锋花(提问者) 不能用gif。。。。gif的比例都不一样,大屏比例默认960x540,你去哪找一张那么大的gif图,况且gif不能当作背景图来使用,两种方式实现。1、自行编写h5+css实现动态背景效果。2、使用提供的插件
    2021-07-30 09:09 
  • 沉默的反补 沉默的反补 回复 一袋锋花(提问者) 边框的话好像可以用gif,自带的可以,我去试验一下
    2021-07-30 09:10 
  • 一袋锋花 一袋锋花(提问者) 回复 沉默的反补 不是整张大屏,是某一个报表块或者图表块加个边框什么的
    2021-07-30 09:27 
最佳回答
0
tangshi998Lv4初级互助
发布于2021-7-30 09:03

https://help.fanruan.com/finereport/doc-view-3347.html,这边官方文档很多可以试试

  • 一袋锋花 一袋锋花(提问者) 不是背景图,是给一个报表块加个边框什么的
    2021-07-30 09:07 
  • tangshi998 tangshi998 回复 一袋锋花(提问者) 那就只能自己做个背景图片了,给单独模块添加背景,可以试试使用gif图片,设置拉伸,可以使用一个report作为你这个报表块的背景,把背景图设置在这个report上
    2021-07-30 09:14 
  • tangshi998 tangshi998 回复 一袋锋花(提问者) https://market.fanruan.com/reuse ,官方这里这么多模块模板样式可以用啊
    2021-07-30 09:16 
  • 一袋锋花 一袋锋花(提问者) 回复 tangshi998 没有我需要的啊。。
    2021-07-30 09:26 
  • 4关注人数
  • 584浏览人数
  • 最后回答于:2021-7-30 09:10
    请选择关闭问题的原因
    确定 取消
    返回顶部