决策报表里面用JS或者其他方式实现图表cpt--A和文字说明cpt--B翻转效果?渐进渐出效果?

image.png

image.png

决策报表里面有A和B两个报表块上图1是图表cpt--A上图2是说明cpt--B现在是点击A上面的说明按钮,会显示B,点击B上面的返回会显示A能否实现A切换到B,B切换到A的时候,翻转效果?渐进渐出效果?或者A滑动到B的效果。想要个两个报表切换的过渡效果

FineReport yunliwuli 发布于 2022-7-21 15:29 (编辑于 2022-7-21 15:40)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
axingLv6专家互助
发布于2022-10-30 00:28

$("div[widgetname=A]").fadeOut(2000);  // 淡出

$("div[widgetname=B]").fadeIn(2000);  // 淡入

最佳回答
0
snrtuemcLv8专家互助
发布于2022-7-21 15:31

这个其实可以做一个图表和一个报表块,重叠在一起,用隐藏显示来达到效果

JS实现隐藏决策报表组件-https://help.fanruan.com/finereport/doc-view-1736.html

  • yunliwuli yunliwuli(提问者) 老师,你好,隐藏这个效果我做出来了。现在是想加入A切换到B,B切换到A的时候,B翻转效果?渐进渐出效果?或者A滑动到B的效果? 任何一种都行。
    2022-07-21 15:33 
  • yunliwuli yunliwuli(提问者) 想有个中间过渡的效果。
    2022-07-21 15:39 
  • snrtuemc snrtuemc 回复 yunliwuli(提问者) 这个如果直接隐藏,估计达不到这个效果。。
    2022-07-21 15:40 
  • yunliwuli yunliwuli(提问者) 回复 snrtuemc 有其他实现方案也可以
    2022-07-21 15:47 
  • snrtuemc snrtuemc 回复 yunliwuli(提问者) 要么试试tab块的方式,切换tab块有动画效果
    2022-07-21 15:50 
  • 3关注人数
  • 406浏览人数
  • 最后回答于:2022-10-30 00:28
    请选择关闭问题的原因
    确定 取消
    返回顶部