优秀的Web开源报表工具Cewolf上手

来源:互联网 发布:淘宝跨店满减怎么设置 编辑:程序博客网 时间:2024/05/22 03:40

 

配置环境:
1.首先下载cewolf包,我用的是1.0版本;
2.解压缩后,把/lib里的如下jar包拷到web工程的/WEB-INF/lib目录;
  • jfreechart-1.0.0.jar
  • jcommon-1.0.0.jar
  • commons-logging-1.0.4.jar
  • cewolf-1.0.jar
  • batik-xml-1.6.jar
  • batik-util-1.6.jar
  • batik-svggen-1.6.jar
  • batik-dom-1.6.jar
  • batik-awt-util-1.6.jar
3./etc下的overlib.js放到web工程的根目录下,overlib.js
为firefox浏览器中的报表图片提供了tooltip。
4.把cewolf.tld标签库放到web工程目录中,并在以后的jsp页首
声明应用该标签库。
封装数据
Cewolf使用MVC模式,将视图与数据分离。报表的数据被抽象为一个类,该类需要实现de.laures.cewolf.DatasetProducer接口,datasetProducer类要实现三个方法:
1.produceDataset:把报表所需的数据包装成一个对象返回,
该对象将被jsp页面的cewolf标签解释,并生成报表;
2.hasExpired:有新的数据生成时,返回true;而当同样的datasetProducer对象已经存在时,返回false;
3.getProducerId:标识datasetProducer对象,当id相同时,封装的数据也相同。
声明CewolfServlet
datasetProducer对象的提交是由一个servlet完成的,所以要在web.xml里声明这个servlet:
在web.xml中添加
<servlet>
<servlet-name>CewolfServlet</servlet-name>
<servlet-class>de.laures.cewolf.CewolfRenderer</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>CewolfServlet</servlet-name>
<url-pattern>/cewolf/*</url-pattern>
</servlet-mapping>
在jsp中定义报表
<%@page contentType="text/html"%>
<%@taglib uri='/WEB-INF/cewolf.tld' prefix='cewolf' %>
<HTML>
<BODY>
<H1>statistics</H1>
<HR>
<jsp:useBean id="stat" class="com.test.cewolf.StatData"/>
<cewolf:chart
    id="line"
    title='<%=title%>'
    type='<%=drawType %>'
    xaxislabel='<%=nameTag %>'
    yaxislabel='<%=valueTag %>'>
    <cewolf:data>
        <cewolf:producer id="stat"/>
    </cewolf:data>
</cewolf:chart>
<p>
<cewolf:img chartid="line" renderer="cewolf" width="400" height="300">
<cewolf:map tooltipgeneratorid="stat"></cewolf:map>
</cewolf:img>
<P>
</BODY>
</HTML>
 
其中<jsp:useBean id="stats" class="com.test.cewolf.StatData"/>中的StatData是自己声明并实现了DatasetProducer接口的类,
其中<cewolf:chart>标签的type属性支持22种报表类型:
verticalbar3d图:
折线图(line):
 
stackedhorizontalbar图
饼图:
原创粉丝点击