报表FineReport中百分比信息比对图

2025-04-24 06:23:34

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

报表FineReport中百分比信息比对图

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

报表FineReport中百分比信息比对图

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

报表FineReport中百分比信息比对图

4、图表属性表-类型,选择百分比堆积柱形图,如下图:

报表FineReport中百分比信息比对图

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

报表FineReport中百分比信息比对图

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

报表FineReport中百分比信息比对图

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

报表FineReport中百分比信息比对图

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

报表FineReport中百分比信息比对图

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

报表FineReport中百分比信息比对图

10、效果查看保存模板,点击分页预览即可看到如上图的效果。已完成模板请参照%FR_HOME%\WebReport\WEB-朐袁噙岿INF\reportlets\doc\Advanced\Chart\PercentCompare.cpt在线查看模板效果请点击PercentCompare.cpt

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢