JS实现抽象动画背景

先将 body 背景设置为「自定义>没有背景」。新建决策报表，选中 body 组件，添加初始化后事件，如下图所示：JavaScript 代码如下：$("body").prepend(&#39;<canvas id=&qu

文档创建:L大大   创建时间:2020-06-02 编辑:8 | 浏览:19363

https://help.fanruan.com/finereport/doc-view-3464.html

JS实现粒子穿梭背景

设计报表注：需先将 body 背景设置为「自定义>没有背景」。点击 body 组件，添加初始化后事件，如下图所示：JavaScript 代码如下：$("body").prepend(&#39;<canvas id=&qu

文档创建:L大大   创建时间:2020-06-16 编辑:3 | 浏览:17030

https://help.fanruan.com/finereport/doc-view-3492.html

JS实现多TAB同步切换

设计按需求变化。2.2 添加事件选中左侧 TAB 块的标题面板 tabpane0 ，添加一个「Tab块切换」事件。输入 JavaScript 代码如下：setTimeout(function(){ //TAB切换后,获取到当前TAB块的标题索引 FR.

文档创建:yzm164288   创建时间:2022-11-14 编辑:2 | 浏览:6835

https://help.fanruan.com/finereport/doc-view-4997.html

JS实现FVS网页框通信

组件操作后，触发网页框内组件接收消息并执行操作。注：不支持移动端。1.3 实现思路使用自定义消息的 API 接口，通过 JavaScript 事件实现通信。接口说明参考文档：FVS网页框与页面通信接口 。2. 示例本文示例需要两个模板，在「网页框通信主模板.f

文档创建:用户z1931049   创建时间:2023-07-13 编辑:3 | 浏览:3127

https://help.fanruan.com/finereport/doc-view-5270.html

Web页面集成简单示例

体的参数。传参的接口已经封装，在代码中引入接口，直接跨域调用即可：<script type="text/javascript" src="/webroot/decision/view/report?op=emb&re

文档创建:文档助手1   创建时间:2015-11-11 编辑:35 | 浏览:166686

https://help.fanruan.com/finereport/doc-view-918.html

自定义批量导出按钮

t自定义导出</title></head><script type="text/javascript"> var reportlets = "[{reportlet: &#39;/

文档创建:文档助手1   创建时间:2015-11-11 编辑:48 | 浏览:31392

https://help.fanruan.com/finereport/doc-view-924.html

工具栏显示数据总量

示：2.1.5 加载结束事件设置点击菜单「模板>模板Web属性>分页预览设置」，添加「加载结束事件」，添加 JavaScript 代码，如下图所示：JavaScript 代码如下：var totalnumber=$("tr[tridx=0

文档创建:文档助手1   创建时间:2015-11-11 编辑:28 | 浏览:20890

https://help.fanruan.com/finereport/doc-view-926.html

JS设置动态背景/边框

表示例在普通报表中，需要将「模板>纸张背景」设置为「自定义>颜色>透明」。如下图所示：设置动态背景的 JavaScript 代码相同，需在「模板>模板web属性」中设置。在对应的预览方式中，添加「加载结束」事件即可。如下图所示：3. 边

文档创建:天狮座   创建时间:2017-08-22 编辑:34 | 浏览:56694

https://help.fanruan.com/finereport/doc-view-2125.html

扩展后排序重新编号

常的排序呢？如下图所示：1.2 解决思路方法一：设置条件属性新值。方法二：设置公式形态。方法三：添加加载结束事件，利用 JavaScript 代码解决。2. 示例2.1 数据准备新建普通报表，新建数据库查询 ds1，SQL 查询语句为：SELECT * FRO

文档创建:axing   创建时间:2018-03-23 编辑:9 | 浏览:51466

https://help.fanruan.com/finereport/doc-view-2358.html

JS实现分Sheet导出Excel

格式相同，内容不同。如下图所示，Sheet1为华东地区销售概况，Sheet2 为华北地区销售概况。1.2 功能简介通过 JavaScript 实现：为报表 URL 添加可以实现「分页导出」的参数，参数包括「导出格式参数」和「导出页数参数」。注：若导出时分页过多

文档创建:Arri   创建时间:2020-02-13 编辑:21 | 浏览:31701

https://help.fanruan.com/finereport/doc-view-3233.html

自定义标签为系列和

遇到一个需求：希望堆积的一个柱子只显示一个汇总值。预期效果如下图所示：1.3 实现思路图表标签内容选择「自定义」，通过 JavaScript 代码实现。2. 堆积柱形图示例2.1 打开模板本例直接使用文档 堆积柱形图 中的模板，在计器中打开内置模板：%FR_H

文档创建:小稚   创建时间:2021-11-08 编辑:11 | 浏览:17343

https://help.fanruan.com/finereport/doc-view-4372.html

条形图分类名左对齐

点击菜单栏「模板>模板Web属性」，点击「分页预览设置」，选择「为该模板单独设置」，添加一个「加载结束」事件。输入JavaScript代码，如下图所示：JavaScript代码如下：setTimeout(function() { $("td[i

文档创建:axing   创建时间:2022-08-07 编辑:1 | 浏览:2370

https://help.fanruan.com/finereport/doc-view-4851.html

FVS模板页面定时刷新

的页面，不会回到第一页。如下图所示：注：V1.7.2 版本之前的插件，只能通过模板的「模板>页面加载结束事件」写 JavaScript 代码实现。JavaScript 代码如下：setInterval(() => { duchamp.relo

文档创建:用户z1931049   创建时间:2022-09-09 编辑:6 | 浏览:8673

https://help.fanruan.com/finereport/doc-view-4919.html

FVS控件实现切换Tab页

示：1.3 实现思路给控件设置自定义数据字典，实际值为 Tab 组件每个标签页的索引，再给控件添加「编辑结束事件」使用 JavaScript 代码实现选择切换。JavaScript 代码示例：var a = duchamp.getWidgetByName(&q

文档创建:用户z1931049   创建时间:2022-11-21 编辑:5 | 浏览:5870

https://help.fanruan.com/finereport/doc-view-5007.html

自定义按钮切换Tab页

自带的「Tab栏按钮」有不同的样式模板可供选择，但在实际制作过程中，仍然存在部分场景无法满足。所以本文将介绍如何使用 JavaScript 事件去实现一些自定义的需求。预期效果如下图所示：1.3 实现思路1）使用 标题组件 作为按钮，给标题组件添加 Java

文档创建:用户z1931049   创建时间:2022-12-14 编辑:14 | 浏览:8455

https://help.fanruan.com/finereport/doc-view-5057.html

Web页面集成常见问题

如下图所示：解决方案：将页面中调用的 finereport.js <script type="text/javascript" src="/webroot/decision/view/report?op=emb&re

文档创建:帆软用户ki9NQpCL3P   创建时间:2023-01-12 编辑:1 | 浏览:8313

https://help.fanruan.com/finereport/doc-view-5085.html

点击单元格切换Tab页

预期效果如下图所示：1.3 实现思路在 表格组件 中，列出「Tab 页索引」及「对应 Tab 页」的关系，给单元格添加 JavaScript 类型的 超级链接，通过传参给 showCardByIndex() 接口展示对应的 Tab 页。2. 示例2.1 新建模

文档创建:用户z1931049   创建时间:2023-02-08 编辑:6 | 浏览:3762

https://help.fanruan.com/finereport/doc-view-5125.html

FVS地图缩放等级接口

功能。1.1 版本报表服务器版本插件版本11.0.16 V1.15.11.2 应用场景普通地图提供了缩放等级接口，通过 JavaScript 点击事件，预览时可点击标题选择缩放层级实现地图的缩小或放大。效果如下图所示：1.3 实现思路可通过接口duchamp.

文档创建:帆软用户titEAlur81   创建时间:2023-08-01 编辑:9 | 浏览:1376

https://help.fanruan.com/finereport/doc-view-5281.html

FVS显示隐藏组件事件

JS 即可实现显示隐藏组件1.2 应用场景FVS 模板在 V2.3.0 之前的版本中，要实现 组件的显示隐藏 需通过 JavaScript 事件实现，设置及后续维护较为繁琐。V2.3.0 版本新增「显示/隐藏」点击事件，通过简单配置即可实现组件显示、隐藏或切

文档创建:用户z1931049   创建时间:2023-12-27 编辑:1 | 浏览:1571

https://help.fanruan.com/finereport/doc-view-5336.html

Ajax跨域异步单点登录

cha et="UTF-8"> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.9.1/jquery

文档创建:文档助手1   创建时间:2015-11-11 编辑:35 | 浏览:107109

https://help.fanruan.com/finereport/doc-view-881.html