报表开发工具FineReport: 百分比信息比对图

 时间:2026-04-24 07:29:32

1、准备数据

新建一张模板,为该模板添加一个内置数据集,数据如下图:

报表开发工具FineReport: 百分比信息比对图

2、 模板设计

将数据集中的数据拖曳至单元格中,并计算未完成量,如下图:

报表开发工具FineReport: 百分比信息比对图

3、添加图表

点击菜单栏中的插入>插入悬浮元素>插入图表,选择柱形图,如下图:

报表开发工具FineReport: 百分比信息比对图

4、图表单元格数据源

选中图表,点击右侧图表属性表中的图表属性表-数据,数据来源选择单元格数据源,系列名和系列值设置如下图:

报表开发工具FineReport: 百分比信息比对图

5、图表样式

标题

点击样式>标题,在标题的文本框中输入某部门各组别任务完成情况,设置标题内容和格式:

系列

为了区别未完成和已完成,我们将未完成的系列颜色修改成白色,在为图表添加单元格数据源的时候,未完成处于第二个系列,故,我们点击样式>系列,配色选择自定义>精确设置,点击在第二个配色方框,将颜色修改为白色,如下图:

报表开发工具FineReport: 百分比信息比对图

6、 图表特效

条件显示

效果图中,柱形图的已完成部分要显示其已完成量所占比例,如下图,点击特效>条件显示,添加一个标签内容的属性,

此时预览模板会发现,柱形图未完成部分的柱子没有边框,更浏览器的背景颜色一样,影响美观,下面我们给每个柱子添加一个边框线,如下图:

报表开发工具FineReport: 百分比信息比对图

报表开发工具FineReport: 百分比信息比对图

7、 效果查看

保存模板,点击分页预览即可看到如上图的效果。

已完成模板请参照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\PercentCompare.cpt

在线查看模板效果请点击PercentCompare.cpt

  • web报表开发FineReport: 百分比信息比对图
  • 报表开发工具FineReport:负数柱形图
  • 报表开发工具FineReport:警戒线
  • 报表开发工具FineReport: SQLServer
  • 报表开发工具FineReport:连接Oracle
  • 热门搜索
    广东警官学院怎么样 红旗渠旅游 如何改掉坏习惯 如何消除眼袋 爱琴海在哪里 巴西的首都是哪里 武汉旅游必去景点 如何申请微粒贷 秀色秀场怎么跳转看片 如何加入九三学社