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

 时间:2026-02-12 13:47:40

1、准备数据

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

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

2、 模板设计

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

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

3、添加图表

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

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

4、 图表单元格数据源

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

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

5、 图表样式

标题

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

系列

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

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

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

6、 图表特效

条件显示

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

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

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

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

  • 报表开发工具FineReport: 百分比信息比对图
  • web报表开发FineReport教程:[12]气泡图
  • web报表开发FineReport: SQLServer
  • web报表开发FineReport教程:[25]高级排序
  • web报表开发FineReport教程:[17]标签属性
  • 热门搜索
    哪里地震了 wifi无线路由器 骨女哪里多 如何考教师资格证 如何缩小毛孔 老公都是怎么样进入 怎么取消黄钻 路由器和猫怎么连接 你家在哪里简谱 中国哪里最穷