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

 

配置环境:
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 " c lass=" com.test.cewolf.StatData "/> 中的 StatData 是自己声明并实现了 DatasetProducer 接口的类,
其中<cewolf:chart>标签的type属性支持22种报表类型:
verticalbar3d图:
折线图(line):
 
stackedhorizontalbar图
饼图:
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值