iReport5.6.0 linechart 制作方法

iReport 官网和文档上关于chart设计以饼图和JDBC源作为例子，但更多的情况下由于报表中的数据需要首先加工处理，因此更多的是从JavaBeans set datasource从获取数据，另外linechart也是使用很多的一种chart工具，本文就记录在iReport中通过JavaBeansset datasource 获取数据，继而生成linechart报表的过程。 

1.        下载安装iReport5.6.0

从 http://community.jaspersoft.com/project/ireport-designer/releases下载安装，此步略；

2.        报表制作

打开iReport

1)        生成模板

依次选择 文件->New，选择Blank A4，点击”Open thisTemplate”按钮，如下图：

 选择报表路径，输入报表名称：“testLineReport”，如下图

 

继续点“下一步”->“完成”。

2)        JavaBeans数据源准备

iReport中为了使用“JavaBeansset datasource”，需要指定一个工厂类，用以返回一个包含javabeans的集合，例子程序中的工厂类名是“com.jaspersoft.ireport.examples.SampleJRDataSourceFactory”，其中需要一个静态方法返回Collection<Object> 这样的数据结构。另外自然需要定义一个Javabean返回具体的数据（包含set, get方法）。在我们的例子中，由于在linechart中需要用到subdataset，该subdataset需要从一个net.sf.jasperreports.engine.data.JRBeanCollectionDataSource中获取数据，因此还需要多定义一个返回这种数据类型的JavaBean。

综上，我们定义的三个类依次如下：

表格 1 TestBean

package com.report.linechart;
                             
public class TestBean {
    public Stringcat;
    public int value;  
    public TestBean(){
    }  
    public String getCat(){
        returncat;
    }  
    public void setCat(String cat){
        this.cat = cat;
    }  
    public int getValue(){
        returnvalue;
    }  
    public void setValue(int value){
        this.value = value;
    }  
}

 

表格 2 TestReport

package com.report.linechart;
import net.sf.jasperreports.engine.data.JRBeanCollectionDataSource;
public class TestReport {
    JRBeanCollectionDataSource resultsList;    
    public TestReport(){
    }  
    public JRBeanCollectionDataSource getResultsList(){
        returnresultsList;
    }  
    public void setResultsList(JRBeanCollectionDataSource resultsList){
        this.resultsList = resultsList;
    }
}

 

表格 3 TestFactory

package com.report.linechart;
import java.util.ArrayList;
import java.util.Collection;
import java.util.List;
import java.util.Vector;
import net.sf.jasperreports.engine.data.JRBeanCollectionDataSource;
public class TestFactory { 
    public static Collection<TestReport> getTestReports(){
        Collection<TestReport> testReports = new Vector<TestReport>();
        List<TestBean> testBeans = new ArrayList<TestBean>();
        TestBean tb1 = new TestBean();
        tb1.setCat("1");
        tb1.setValue(1);
        testBeans.add(tb1);
        TestBean tb2 = new TestBean();
        tb2.setCat("2");
        tb2.setValue(2);
        testBeans.add(tb2);    
        JRBeanCollectionDataSource resultsList = new JRBeanCollectionDataSource(testBeans);     
        TestReport tr = new TestReport();
        tr.setResultsList(resultsList);
        testReports.add(tr);       
        return testReports;
    }
}

注：上面需要着重注意的是TestReport这个bean返回的数据类型是JRBeanCollectionDataSource，它可以作为一个数据源向linechart提供绘图数据。

3)        编译完成后，将上述生成的类加入到iReport的classpath下，以便iReport能够找到它们，如下图：

选择“工具“-》”选项“

 

4)        设置 Report Datasources（工具条上一个插座一样的图标）

如上图，依次选择“ReportDatasources”-》“New”-》“JavaBeans set datasources” 

下一步，设置具体的类名和方法，如下图：

注：注意类的全名和方法名要与创建的类完全一致，通过“Test”按钮可以测试一下，然后通过的话选择“Save”按钮。

在主窗口中，可以看到当前报表的datasource已经设置成 linechartDatasourceFactory了：

 

5)        报表设计

由于我们主要颜色linechart的设计方法，除了保留Titleband和 Summary band，删除其他的band。注意将linechart放置到 summary band中，如果放置在detail band中，数据源中有多条曲线的话就会分散在多个chart中，而不会显示在一个chart中。

a)        Title band

Title band中我们简单放置一个“StaticField”，显示“Line char test”

b)        Summary band

我们从组件面板拖一个Chart元素到“Summaryband”中，选择“Line”类型，如下图：

 

点击“OK”后进入”Categorychart wizard”，我们先不做设置，直接点击“完成”按钮。

回到主窗口，我们现在的报表样子如下：

 

c)        主数据源获取

如上图所示，点击“Preview”右边的“Reportquery“图标，选择”JavaBean Datasource”，输入com.report.linechart.TestReport，再点击”Read attributes”,然后将resultsList 加入到选择的列表中，按“OK”确认。 

d)        子数据源

回到主窗口后，选择“ReportInspector”根节点“testLineReport”，右键菜单选择”Add Dataset“，设置如下：

下一步：（选择先前设置的主数据源linecharDatasourceFactory）

以下先缺省下一步直到完成。 

然后在主窗口 “Report Inspector”中找到节点“subDataSet”，右键菜单选择”EditQuery“，同上选择JavaBean Datasource，输入TestBean的全路径后读出属性cat和value加入选择列表。

 

通过上述步骤，报表的主数据源和linechart的子数据源都已经关联好了，下面设置linechart的Chart Data。 

e)        Chart Data设置

在报表窗口的Summary band中选中linechart元素，按右键在弹出菜单中选择“Chart Data“，然后做如下设置：

在”Dataset” tab 页中：

Sub dataset选择上面定义的“subDataSet”;在”Connection/Datasource exp”总选择 use datasourceexpression，然后输入“$F(resultsList)”作为子数据源获取数据的来源，而 resultsList正是我们定义的JRBeanCollectionDataSource类型的数据源。

在“Detail” tab页中：

我们选择加入两条曲线的数据，“Series expression”用来区分曲线，”Category expression”是横坐标，”Value expression”是纵坐标

 

         到此，生成linechart的配置全部结束。

3.        运行Preview的效果如下：