FVS可以设置点击按钮放大某个报表块吗(或者单独全屏某个报表块)

FVS中点击A按钮 B报表块放大或全屏

FineReport 帆软用户OsateDyRfy 发布于 昨天 15:34
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
用户k6280494Lv6专家互助
发布于昨天 15:36

在 FVS 可视化看板中,您可以通过以下步骤实现点击按钮放大或全屏展示报表块:

  1. 图表组件

    • 打开含有图表的 FVS 模板,选中图表。

    • 点击右侧的「内容>特效>交互属性」,勾选「全屏展示」。

  2. 表格组件

    • 打开含有表格组件的 FVS 模板,选中表格组件。

    • 在移动端模式下,可在右侧表格工具栏中勾选「放大按钮」。

    • 勾选「放大按钮」后,您可以设置「工具栏位置」、「工具栏背景」、「按钮风格」。

  3. 效果预览

    • 移动端预览模板,以 App 为例,您将看到图表块右上角出现放大按钮,点击后即可进行全屏展示。

请确保您的 FVS 版本为 V3.3.0 及之后版本,以支持上述功能。

最佳回答
0
CD20160914Lv8专家互助
发布于昨天 16:06(编辑于 昨天 16:08

全屏只能手工点击不能加载结束事件的!!这是浏览器的安全设置,你绕不开的!!!!

JS实现点击按钮实现全屏预览- FineReport帮助文档 - 全面的报表使用教程和学习资料

放大的话直接做一个弹窗。让报表块的大小设置大一些就行了

全局接口-FR- FineReport帮助文档 - 全面的报表使用教程和学习资料

--------------------弹窗的js---------------------

const iframe = document.createElement("iframe");

iframe.width = "100%";

iframe.height = "100%";

iframe.scrolling = "no";

iframe.style="border: none";

iframe.src = "/webroot/decision/view/report?viewlet=GettingStarted.cpt";

duchamp.showDialog(

        {

                title:"销量弹窗",

                width: "100%",

                height: "100%",

                innerContent:iframe,

                dialogType:"center",

        }

);

$('.duchamp-custom-title').css({"background-color": "#0c396c" });

$('.duchamp-custom-title').css({"color": "#ffffff"});

$('.duchamp-custom-title').css({"font-size": "19px"});

$('.duchamp-custom-title').css({"height": "25px"});

EB3DA1FF-17C4-46A2-8BBC-22541024D9A0.GIF

  • 3关注人数
  • 18浏览人数
  • 最后回答于:昨天 16:08
    请选择关闭问题的原因
    确定 取消
    返回顶部