首页
学习
活动
专区
圈层
工具
发布

在FineReport中使用JS实现点击决策报表实现全屏效果

声明:本文实现的内容大部分取自“FineReport 9.0文档”,为防止原文丢失从而个人留存备份,原文链接:https://help.finereport.com/finereport9.0/doc-view...-2372.html#7 最近可能因为项目进度排得满满当当很少更新博客了,由于公司采购了帆软的FineReport用来开发项目大屏,我也是一直在和它的模板设计器打交道。...昨天给我提了一个需求,将大屏界面嵌到目前的系统里,加一个全屏的功能。...因为大屏界面是使用决策报表制作的,所以我本来打算从报表本身入手,添加一个按钮可以全屏与退出全屏,可是这多出来的一个按钮在报表界面中实在太过突兀,没办法只好考虑其他方式。...在搜索文档的过程中,有一种解决方案是通过鼠标单击报表界面实现全屏与退出全屏,高度符合我的需求,于是乎就使用这样的方法了。

4.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    FineReport学习(二)——各种报表的制作

    效果预览 接着,我们添加【小计】,“一定要使用父子格” 效果预览 然后,我们添加右侧的合计,同样的操作,合计是按照销量求和,同时每一行的合计,又是针对每个【销售员】求和的,...多数据源,就是在同一张报表当中,显示的数据来自于多个不同的表或不同的库。...效果预览 接下来设置右侧的“销售总额”,注意该字段来自第二张表。还是老生常谈的一句话,这个字段是按照每一行的销售员进行求和的,因此需要设置父子格。...效果预览 原因是:不同的表进行合并的时候,会产生“笛卡尔积”,需要设置表的连接字段。...效果预览 Ⅱ 子报表的建立:个人信息表 这里的个人信息表,使用的是自带数据库中的“雇员表”,同时我们需要重新创建一个模板,建立这个个人信息表。

    2.2K11

    FineReport学习(四)——条件属性和超链接

    目录 1、条件属性 2、超链接 1、条件属性 条件属性定义:通过修改条件属性,以达到满足条件的情况,给与高亮显示。 这里我们直接在将之前学习的【行式报表】复制一份,进行接下来的操作。...1)把行式报表改为隔行变色的形式 ① 选择第一个单元格,点击条件属性 由于是针对每一行,隔行变色,因此我们把光标定位到第一个单元格即可。...保存后,效果预览 2、超链接 我们直接使用系统的一个模板GettingStarted.cpt,首先我们来感受一下这个模板。...注意:这里我们选择的是系统自带的模板。 ⑤ 当出现如下界面,完成如下1,2,3,4,5操作 ⑥ 保存后,进行效果预览

    2.5K41

    FineReport学习(三)——动态隔间运算

    显示列[显示列的父列:偏移量]”。...动态隔间运算类似于EXCEL表格中的公式运算,相当于你在某个单元格中输入“=…”这样的公式。定义不太好叙述,下面通过案例说明,更为直观。...效果预览 ① 进行第一个动态隔间运算 -- 公式: 显示列[显示列的父列:偏移量] =b2[a2:-1] -- 注意:-1表示的是偏移量。...保存后,效果预览如下 ② 占比 占比,顾名思义就是计算某个单独的数据,在总量中占据的比例。 在上述操作的基础上,添加“占比”列。直接使用自带函数进行占比运算,比较简单,操作如下。...然后调整“占比”列的格式,保存格式为“百分比”,并两位有效数字。 保存后,效果预览如下 ③ 环比 环比是每月与上月的数据进行一个比率运算。 在上述操作的基础上,添加“环比”列。

    1.9K21

    FineReport学习(一)——常用操作介绍

    目录 1、FineReport常用功能 2、FineReport传统报表的开发流程 3、FineReport开发流程演示说明 4、扩展操作(很重要) 5、父子格操作(很重要) 1、FineReport...常用功能 大屏 传统报表 数据填报 数据随行(移动端) 权限划分 2、FineReport传统报表的开发流程 新建数据连接:比如说,你要连接数据库,连接数据库的哪一张表。...新建模板数据集:模板数据集只对当前文件生效,常用的。 设置表的模板样式:自定义模板样式,并绑定数据。...效果预览:完成上述操作后,可以进行效果预览,效果不好,我们调整后,再进行预览… 3、FineReport开发流程演示说明 1)怎么查看firereport的工作环境 2)新建数据连接 ① 新建连接...比如说字段B是按照字段A求和,那么你就需要指定B的父子格就是A。这样说显得很抽象,学习下面的例子后,你就会有一个简单的了解啦。 注意:我们仍然使用的是官方数据库中的“销量”表。

    80931

    如何用FineReport实现自定义地图钻取

    描述 对于自定义地图,很多用户不清楚完整的制作过程,此处提供一个完整的自定义钻取地图 JSON 的案例,从华东-省。...注:此处是用自定义图片的方法来实现的,还可以直接使用设计器自带的地理信息制作。 2....: 随即弹出框,输入区域名和中心点,保存即可: 注:此处的区域名“华东”应与目录中下一级目录的名称“华东”一致。...随后,点击右上角保存,华东的区域地图就完成了: 最终效果如下: 同理,对华东区域和各省市进行勾画,最终效果如下: (2)点地图制作 上面介绍了区域地图的制作,若想要制作点地图,只需点击右侧的标记点...注:选择组合地图时,指的是用户可以设置每一层级对应的地图类型。

    2.6K20

    推荐一款制作酷炫可视化大屏工具

    用的比较多的就是JS+Ecahrts,但数据量支撑、后台响应、实时更新、平台运维等应该还要调用更多的技术,非常考验技术水平,所以我推荐直接用可视化工具制作,比如FineReport、dataV等等,简单又方便...数据准备 制作报表前首先需要定义数据来源,一般来说,企业的数据都是保存在数据库中,并且在不断更新,FineReport可以直接和数据库进行链接,使用数据库中的数据来制作报表,并且报表内容会随着数据库的更新而更新...新建决策报表 数据库链接好后,我们新建报表模板准备开始制作,FineReport有三种报表模式,普通报表适合用来做一些常规类型的统计报表,聚合报表主要用来做中国式的复杂表,决策报表适合用来制作大屏或者驾驶舱...因此,我们选择决策报表来制作一张大屏,打开finereport设计器的决策报表模式,新建决策报表: 新建数据集 新建数据集,将数据库中所需要的数据存放在数据集中: 设计报表 FineReport决策报表采用的是画布式布局...动态效果展示 到上一步,其实一张大屏就完成的差不多了,如果你觉得不够炫酷,还可以使用一些3D动效的图表插件,增加科技感,FineReport提供很多这样的插件可以下载,提升大屏逼格。

    1.2K40

    酷炫 | 比较6种类型和14种数据可视化工具

    来源:FineReport 编译:AI算法与图像处理(ID:AI_study),仅用于学习分享,如有侵权请联系删除 导读 分享一些酷炫的可视化工具 开头先说一件重要的事情,最近联合几个小伙伴(有在校研究生博士以及工作的...你也可以使用Echarts,Highcharts,AntV,D3之类的图表类型插件......了解一些常用于设计前端网页的程序,比如JS,这很重要。...2.可视化报告:适用于报表开发人员和BI工程师 FineReport http://www.finereport.com/en/它是一个用于做报告的软件和企业级应用程序,用于开发业务报告和数据分析报告。...financial analysis system http://www.finereport.com/en/success/financialreports FineReport的两个核心功能是数据填充和数据显示...我以前经常使用FineReport。最让我印象深刻的是,它为我开发报告节省了很多时间。在使用FineReport之前,我们为10家商店制作了10张excel表,这非常麻烦。

    2.7K20

    VeryReport和FineReport两款报表软件深度分析对比

    市面上有许多报表工具,其中VeryReport和FineReport是两款备受关注的国产报表软件。...它的操作逻辑简单明了,学习成本极低,真正实现了“零门槛”操作。FineReport:FineReport的功能非常强大,但界面相对复杂,新手用户需要一定的时间来学习和适应。...FineReport:FineReport的可视化功能也非常强大,但在自定义和美观度上略显不足,尤其是在处理复杂报表时,界面可能会显得不够简洁。...FineReport:FineReport的权限管理系统也非常完善,但在配置过程中较为复杂,需要一定的技术知识。对比结论:两者在权限管理上都表现优秀,但VeryReport的操作更加简单直观。...FineReport:FineReport的功能非常强大,但价格较高,尤其是企业版,对于中小型企业来说可能是一笔不小的开支。

    42010

    数据可视化工具的比较

    它们之间的关系有点像WPS和Office之间的关系。 Highcharts也是一个可视化库,如果您打算使用它,您必须付费。它有许多优点,例如,它的文档和教程,JS脚本和CSS非常详细。...更重要的是,它非常稳定。 2.可视化报告 - 更适合报表开发人员和BI工程师 FineReport FineReport是一种报告软件和企业级应用程序,用于开发业务报告和数据分析报告。...FineReport的两个核心功能是填写报告和数据显示。但我认为更令人惊奇的是它有很多内置图表和可视化效果。特别是,可视化效果非常丰富,根本不是老式的。...您可以使用FineReport 制作各种仪表板,甚至可视化大屏幕。 我曾经和FineReport合作过。最让我印象深刻的是它为我节省了大量时间来编写报告。...FineReport 如上所述,此工具还可以为大屏幕进行可视化 。 它可以实时连接到业务数据并显示企业的业务数据,因为后端通常连接到业务系统数据。

    4.4K30

    酷炫可视化+强于excel的结合体!超高效的表格工具,不用可惜

    FineReport由纯java编写,其本质是一个通用的报表制作和数据可视化工具,无论是IT开发还是业务使用,都可以很轻松的上手。...在FineReport里,你就可以直接套用它的内置模板,根本不需要别的多余操作!...FineReport有3种报表模式:普通报表、聚合报表、决策报表,前两个上面已经讲过,做复杂报表的;最后一种就是做可视化dashboard的。...其实那些可视化大屏看着很酷炫高端,实际上FineReport就能做出来,因为每次取得数据都是从数据库端动态抓取的,所以只要数据库中数据有更新,展现的数据也会更新。...如果想要模板自动刷新,js写写代码就可以,这也展现了其良好的数据开放能力。 以上只是其众多功能的冰山一角,除了解放个人,最大的受益者就是企业了。

    79120

    如何开发可视化大屏?报表自动化是最优选择!

    2、国内基本最领先的报表工具,可视化大屏开发成熟 (注:我尽量从可视化报表工具的角度出发描述,而不是针对某个具体的产品,只是为了形象且可查证会给出 FineReport 在下面各方面的实践方式 / 方案...继续说 FineReport的情况: 报表单一指标计算错误不会影响其他指标显示。...但同样的风险转嫁到了此类型产品的后端,无论是后端服务还是此产品提供的基于 Web 的后台。 FineReport作为 B/S 产品,有完整的服务端,前后端交互在数据方面一般以 POST 请求。...FineReport提供了网页插件,可通过插入网页控件来引用其他的组件,以嵌套的方式组合多种显示块。...JS 的支持,可以在很多空间里在点击等操作时触发对应的 JS 脚本,后面就看开发自己的了。

    1.2K20

    2019年你不能错过的数据可视化工具

    1.3可视化分析 可视化分析是随着科学可视化和信息可视化的发展而发展的新领域,重点在于通过交互式可视化界面进行分析推理。 ? 来自FineReport 2. 为什么需要数据可视化?...普通用户最熟悉的工具是Excel。商业产品包括Tableau,FineReport,Power BI等。...1) D3 https://d3js.org/ D3.js是一个基于数据操作文档的JavaScript库。D3将强大的可视化组件与数据驱动的DOM操作方法相结合。 ?...9) FineReport http://www.finereport.com/ FineReport是一个用纯Java编写的企业级Web报告工具,它结合了数据可视化和数据输入。...使用FineReport,用户可以制作复杂的报告和酷炫的仪表板,并通过简单的拖放操作构建决策平台。 ? 评估:FineReport可以直接连接到各种数据库,方便快捷地定制各种复杂的报告和酷炫的仪表板。

    1.7K40

    报表工具对比:积木报表JimuReport VS 帆软报表FineReport

    在这四年的征程中,积木报表始终秉持着精益求精的研发理念,坚持不懈地致力于新功能的研发,同时对已有功能进行深度优化与改良,极大的提升了用户体验。至今,已成功迭代至 1.9.1 版本。...现在我们再来对比一下,积木报表JimuReport VS 帆软报表FineReport的区别吧一、收费方式积木报表: 分为免费版和商业版,商业版价格也很便宜帆软:免费试用版仅支持2个并发,商业版根据用户需求价格几万...帆软:发版频次低,最新的版本是24年3月19日发布的,上一次是23年6月9日。基本上不怎么发版了。三、功能的全面性积木报表: 功能非常全面,支持报表、数据大屏、仪表盘、门户(交互)、仪表盘移动端设计。...帆软:帆软作为报表行业的老大,报表的功能相当强大,但是基本维护较少了。也没有什么新功能。

    1.1K10

    让人惊艳的数据可视化工具,随便拿一个吊打Excel

    市面上有相当多的可视化工具,绝对能够挑花你的眼,但这些大多是门槛比较高的工具,比如Gantti、Paper.js、Highchart.js等等,不得不说,它们在技术层面上确实做的很牛逼,也很成熟。...,国内除了FineReport似乎也没有别的; 动态数据可视化:能够实现动态实时数据的更新与展示,除了时间序列数据,还有动态路径数据、实时轨迹数据等等,比较专业,代表工具为ECharts等; 好,基于这一假设...二、指标监控型报表 1、finereport 可视化的一大应用就是数据报表,而FineReport可以自由编写整合所需要的报表字段进行报表输出,支持定时刷新和监控邮件提醒,是大部分互联网公司、传统企业会用到的日常报表平台...尤其是公司体系内经营报表,我们用的是商业报表工具,就是finereport。 推荐他是因为有两个高效率的点:①可以完成从数据库取数(有整合数据功能)—设计报表模板—数据展示的过程。...如果企业有数字化转型的需求,除了一些基本的信息系统之外,可以优先考虑FineReport。 价格在行业内属于中等,也可以按模块收费,性价比不错的。

    82130

    一位10年FineReport用户的深度测评,到底该怎么评价这款报表工具

    记得2015年夏天第一次接触FineReport时,我们财务部刚接到集团数字化改造任务。面对堆积如山的Excel表格和三天两头出错的公式链接,我们抱着试试看的心态引进了这个国产报表工具。...最初吸引我们的是它解决 “中国式复杂报表” 的能力:传统财务报表中多层嵌套的表头、跨行跨列计算、复杂的数据填报表,在Excel中需要大量VBA才能实现,而FineReport通过简单的拖拽操作就能完成。...这十年,我看着FineReport从8.0版本迭代到2025年的11.5版本,也见证了它如何改变财务人的工作方式。...三、用FineReport制作财务报表的小技巧用了这么多年,在实际工作中我也发现了用FineReport制作财务报表的一些小技巧,下面给大家分享一下:1.合并报表集团型企业做合并报表最头疼,我们总结了三个办法...“FineReport 教会我的,从来不是怎么做表,而是怎么用数据驱动业务 —— 这才是财务人最该练的本事。”

    34210

    从腾讯入职到离职,我仅用了三周:做大数据的同事看不起做报表的

    最大的问题是报表要适配不同分辨率的电脑、手机,所以用代码开发还是比较麻烦的。 报表工具开发报表,比如FineReport他是有报表设计器的,类似Excel设计界面,可以直接在设计器中设计报表样式。...FineReport类似excel的设计方式是这个工具比较突出的优点(像我们做报表的,其实很多都不是真的程序员,做开发有点太难),然后只要会SQL和一些简单的JS,配合它各种报表设计模式,基本能实现各种复杂的报表样式...尤其数据字典、实际值和显示值等的设计更是切入快速开发的要害,这些放在别的语言和体系下往往要大量代码才能实现,在finereport里反正就是有现成的功能。...FineReport更改报表需求主要是对报表模板运维。技术上能节省时间,比如数据更新,因为是直接连数据源,可以自定义设置更新T+1或者实时,这个主要看数据库/数据仓库的支撑。...然后维护这块,FineReport作为报表系统是部署到服务器上的,可以让不同人员在远程报表服务器上对模板进行设计、修改、维护操作,简化模板的运维难度。 另外,还有报表体系的使用和运维。

    1.2K30

    在报表上动了一些手脚,动态可视化就快速生成,比Excel简单

    说到报表工具,最近正好也在做一个项目,因为涉及到报表平台和数据中心,所以这里就拿FineReport来谈谈吧,一个能零基础做报表和可视化大屏的数据工具。...FineReport(见文末)可以很快做出来这样的动态报表,比起上面的静态报表,你心中有没有惊艳的感觉?是不是瞬间觉得高大上了?是不是数据信息一目了然?这简直是黑科技好吗?...3、动态背景色 报表开发中为提升报表查看美观度的需求,可以使用 JS 实现报表背景色的动态切换。...FineReport能支持二次开发,就是为了定制化的需求,而且实现上面的效果就是3分钟,几个设置的事情。 最后吧,来说说动态报表的进一步发展之路吧:可视化大屏。...FineReport能做出这样的可视化大屏,这效果完全不输echarts和python,excel的老套的图表组合就只能一边玩去了。

    91710
    领券