摘要:1. 概述1.1 应用场景对于数据表数据,有些数据希望能按照分类,带上固定的单位 ,如温度,美元等,还有些数据希望能按照盈亏设置不同的颜色,下面是对应的效果图:1.2 实现思路图表特效>条件显示下[阅读全文:]
摘要:1. 概述1.1 版本报表服务器版本JAR 包版本功能变动10.0.102020-11-02所有图表的提示新增富文本编辑功能10.0.142021-03-17部分图表「提示」富文本编辑功能可添加数据集字[阅读全文:]
摘要:1. 概述1.1 预期效果在图表的应用需求中,有时候会需要按照图表类型去钻取到相应页面,如下图所示:1.2 实现思路使用 iframe 实现当前页钻取,并弹出框方式展示。var iframe[阅读全文:]
摘要:1. 概述1.1 预期效果点击按钮可以刷新普通报表或决策报表中的图表,以普通报表为例,效果如下图所示:1.2 实现思路通过FR.Chart.WebUtils.getChart("chartID[阅读全文:]
摘要: 1. 概述1.1 预期效果某些场景下,希望地图所有区域的数据可以轮播显示,效果如下图所示:1.2 实现思路获取 图表对象 后,调用方法chart.openAutoTool[阅读全文:]
摘要:1. 概述1.1 应用场景当图表系列较多时,用户希望可以自己设置哪些系列显示,哪些系列不显示。以决策报表为例,实现效果如下图:1.2 实现思路通过FR.Chart.WebUtils.getChart(&[阅读全文:]
摘要:1. 概述1.1 问题描述图表往往是按照从左往右或从右往左的顺序来切换。那么如何实现点击图表直接切换到其他不相邻的图表呢?效果如下图所示:1.2 实现思路给图表添加 JavaScript 类型的超级链接[阅读全文:]
摘要:1. 概述1.1 应用场景当图表分类和系列过多时,图表标签文字横向显示较为拥挤,希望可以实现文字纵向显示,效果如下图所示:2020-11-02 及之后版本的 JAR 包已支持设置标签纵向效果,详情参见&[阅读全文:]
摘要:1. 概述1.1 应用场景在使用柱形图实现可视化的过程中,可能会遇到以下几种业务需求:1)柱子太多无法在一个柱形图中全部展示出来。2)柱子太多一次性全部展示出来影响图表美观。3)需要做成动态展示增强图表[阅读全文:]
摘要:1. 概述1.1 问题描述扩展图表单个组件刷新的实现方法跟普通图表有所不同,因而单独拿出来详细介绍下。1.2 实现思路JS 实现图表组件刷新时,普通图表采用的是dataRefresh()这个接口,但是扩[阅读全文:]
摘要:1. 概述1.1 问题描述图表的分类数量越多,图表越宽,效果如下图所示:1.2 实现思路利用单元格扩展属性实现图表宽度动态变化效果。2. 示例2.1 设计模板1)创建数据集查询 ds1,SQL 查询语句[阅读全文:]
摘要:1. 概述1.1 应用场景有时候我们需要对图表的分类坐标轴设置具体的指标,以便了解当前工作的实际进度,效果如下图所示:1.2 实现思路自定义 X 轴的轴标签格式,通过接口函数FR.remoteEvalu[阅读全文:]
摘要:1. 概述1.1 版本说明报表服务器版本JAR 包版本功能变动10.02020-08-03新增显示/隐藏按钮10.0.112020-12-02轴标签重叠显示策略优化1.2 应用场景图表坐标轴是 [阅读全文:]
摘要:1. 安装说明注:本文内容只适用于 2020-04-26 之前版本的 JAR 包, 因为 2020-04-26 及之后版本的 JAR 包,已经用 canvas 替代 phantomjs 了。详情参见文档[阅读全文:]
摘要:1. 概述1.1 应用场景本文将对图表样式设置项的通用设置做详细介绍,如果个别图表有特别的样式设置,那么会单独在这些图表的文档中说明。1.2 功能介绍图表样式通用属性共有 8 种,分别是:标题、图例、标[阅读全文:]
摘要:1. 概述1.1 问题描述父模板显示全国地图,点击父模板某一区域,此区域作为参数传递给子模板,子模板地图只显示该地区的地图信息,类似于钻取新标签页打开效果,如下图所示:1.2 解决思路父模板添加网络报表[阅读全文:]
摘要:1. 概述1.1 应用场景制造业报表管理中经常需要显展示一段时间内机器的运作状态,如半导体行业的设备,零部件行业的车床等等。甘特图 可以准确展示一段时间内机器的状态,效果如下图所示:1.2 实[阅读全文:]
摘要:1. 概述1.1 问题描述日期字段作为分类时,X 轴的分类名只能是具体的日期,如果想要将这些日期转化为星期格式,那么该如何实现呢?效果如下图所示:1.2 实现思路实现日期转星期有 2 种方法:方法一:从[阅读全文:]
摘要:1. 概述1.1 版本说明报表服务器版本JAR 包版本10.0.92020-08-31注:点击设计器菜单栏帮助>更新升级可查看当前设计器版本。1.2 应用场景FineReport 10.0.9 版[阅读全文:]
摘要:1. 概述1.1 问题描述有时候希望图表标题、坐标轴、标签的文本内容可以换行显示,那么该如何实现呢?默认的效果:期望的效果:1.2 实现思路文本中添加换行标签<br/>,并使用HTML解析文[阅读全文:]
摘要:1. 概述1.1 应用场景单独为某个或某些系列、分类设置标签,如下图为系列一和系列六设置标签,其他不显示。1.2 功能入口图表属性面板特效>条件显示下新增标签属性。2. 示例2.1 准备数据新建数[阅读全文:]
摘要:1. 概述1.1 问题描述当数据量很大,达到万级的时候,图表加载会比较慢,展示效果也欠佳。为解决此类问题,FineReport 增加了大数据优化功能,可以在数据量很大的时候,优化图表效果,加快[阅读全文:]
摘要:1. 概述1.1 问题描述词云多用于关键字的相关搜索和热度排行展示,因此在词云的关键词上加上链接使其跳转到相应的搜索页面,可以使词云的功能上显的更加完整。例如在词云中,点击关键词可以跳转到百度搜索词页面[阅读全文:]
摘要:1. 概述1.1 预期效果利用仪表盘可以实现进度条的效果,如下图所示:1.2 实现思路在单元格中插入仪表盘,然后设置数据和调整样式。2. 示例2.1 数据准备新建数据集 ds1,数据库查询语句为:SEL[阅读全文:]
摘要:1. 概述1.1 应用场景有 XY 轴的图表均可设置十字象限,以气泡图为例,效果如下图所示:1.2 实现思路在图表样式>坐标轴下,通过自定义 X 轴和 Y 轴的值以及 X 轴和 Y 轴的位置来实现[阅读全文:]
摘要:1. 概述1.1 问题描述某些场景下,图表 Y 轴是来源于数据集的日期型数据,Y 轴的轴标签也需要修改为日期格式。以折线图为例,效果如下图所示:如果只是将图表样式>坐标轴>Y轴>格式下[阅读全文:]
摘要:1. 概述1.1 问题描述某些填报场景下,希望下拉框选择参数后,图表可以跟随该参数联动。例如:下拉框选择不同的销售员后,图表自动联动出该销售员的数据折线图。效果如下图所示:1.2 实现思路以超级链接中图[阅读全文:]
摘要:1. 概述1.1 应用场景甘特图 支持多项目,可以在模块的基础上再进行分类,如下图的示例,在模块的基础上新增了一个项目负责人。1.2 实现思路数据来源可以将大类别进行细分,数据绑定时通过新增项目名称,可[阅读全文:]
摘要:1. 概述1.1 应用场景里程碑甘特图是 甘特图 的拓展应用,可以对任务进行中的某个固定时间点(里程碑事件)做出标记,展示效果如下图所示:1.2 实现思路数据来源(单元格数据集、数据集数据)新[阅读全文:]
摘要:1. 概述1.1 应用场景图表特效就是指图表交互,现在越来越流行交互式应用程序,使用网页语言如信息提示、颜色高亮、钻取等来表达产品要告诉用户的信息,让用户获得更好更舒适的体验。FineReport 报表[阅读全文:]
摘要:1. 概述1.1 问题描述当一个图表有多个系列时,希望在分类名显示出各个系列值的和。如下图所示:1.2 实现思路通过设置图表分类名的形态来实现。2. 示例2.1 报表设计1)新建数据集 ds1,数据库查[阅读全文:]
摘要:1. 概述1.1 预期效果制作图表时标题可以显示统计信息,例如有多少个系列或多少个分类等等,效果如下图所示:1.2 实现思路在图表的标题中插入统计公式,用函数COUNT()和UNIQUEARRAY()组[阅读全文:]
摘要:1. 概述1.1 问题描述在进行图表展示时,有时为了突出某些分类对值的影响,需要对分类名做特殊显示。例如在一个月的销量中,将周末两天的分类名标红,效果如下图所示:1.2 实现思路利用 JS 自定义分类轴[阅读全文:]
摘要:1. 概述1.1 问题描述图表标签内容过长时,如果标签设置在内部,那么会超出图形的范围,影响报表的美观程度,如下图所示:1.2 解决思路通过自定义标签,让标签文字可以换行显示。2. 示例2.1 报表设计[阅读全文:]
摘要:1. 概述1.1 应用场景当图表没数据时,为图表自定义提示内容,图表空数据提示自定义 这篇文档中的设置方法会应用于所有的图表,不适用于单个图表数据为空时自定义提示内容。1.2 实现思路报表设计[阅读全文:]