java报表开发工具FineReport教程之图表入门: 单元格图表与悬浮图表【1】单元格图表

java报表开发工具FineReport教程之图表入门:单元格图表与悬浮图表【1】单元格图表

1. 描述
如下图，每一组都跟随有一个统计图直观的查看该组的数据情况，可以使用单元格图表实现这样的可扩展的效果效果。

• 单元格图表的优势

图表作为单元格元素插入到报表中，就可以通过单元格的父子关系，跟随主格的扩展自动生成相应的图表，而不需要对每组数据单独制作对应的图表。

2. 示例
以下我们详细介绍上图中跟随扩展的图表制作步骤。

2.1 数据准备
打开报表%FR_HOME%WebReportWEB-INFreportletsdocPrimaryGroupReportGroup.cpt。在地区销量分组报表的基础上添加图表，实现每个地区有一张销量统计图。

这边扩展出来的每张图表只显示当前地区的数据，因此不能直接将数据集作为图表数据来源（数据集是取出销量表中的所有数据），只能使用报表中单元格数据。

注：单元格元素图表与单元格数据源图表不是一个概念，单元格元素图表是指图表插入方式为单元格，可跟随单元格扩展，拥有单元格的一些属性，而单元格数据源图表是指图表绑定数据的时候绑定的是单元格数据，而非数据集数据。

2.2 插入单元格图表
合并第二行后面的一片区域，右击单元格单元格元素>插入图表>柱形图，点击确定。

2.3 设置图表数据
设置图表数据如下图，每个销售员的销量图，点击完成：

2.4 设置图表父格
由父子格概念可知，图表所在单元格默认以销售员数据列为父格，扩展出的每个销售员都会对应有一张图表；

而这里我们只需要扩展出来的每个地区跟随一张图表，因此需要设置图表所在单元格为地区单元格。

2.5 保存并预览
保存模板并分页预览，便可以看到上图效果了，模板效果在线查看请点击Chart_1.cpt

已完成模板，可参见%FR_HOME%WebReportWEB-INFreportletsdocPrimaryChartChart_1.cpt。