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

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

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

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

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

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