`
kimfly
  • 浏览: 48122 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Cewolf使用小结

    博客分类:
  • java
阅读更多

Cewolf可以在一个基于Servlet/JSPWeb应用程序内部使用,基于JFreechart,利用JFreechart的绘制引擎的开源项目。以在Web页中嵌入各种复杂的图形图表(如,直方图、饼图、棒图等等)。它提供了一个功能完备的标签库来定义图表的所有属性(颜色、笔画、图例等),这样嵌入了图表的JSP就不用使用任何Java代码。

为了配置你的web工程,你必须编辑 /WEB-INF/web.xml,添加下列行。
<servlet></servlet>
  <servlet-name></servlet-name>CewolfServlet
  <servlet-class></servlet-class>de.laures.cewolf.CewolfRenderer

另外你要提供一个servlet-mapping来告诉容器URLCewolf绘图servlet的映射关系.
Additionally you should provide a servlet-mapping to tell the container which URL maps to your Cewolf rendering servlet.
<servlet-mapping></servlet-mapping>
   <servlet-name></servlet-name>CewolfServlet 
   <url-pattern></url-pattern>/cewolf/ *

你还需要告诉CeWolf的启动:
 <load-on-startup></load-on-startup>1

下载标签库jar包:
jar包下/Lib文件内容放在工程的/WEB-INF/lib 下面,/Lib文件内容:
jfreechart-*-demo.jar
jfreechart-*.jar
jcommon-*.jar
commons-logging.jar
cewolf.jar
batik-xml.jar
batik-util.jar
batik-svggen.jar
batik-dom.jar
batik-awt-util.jar
Mozilla
浏览器需要/example目录下的overlib.js,放入webapps根目录下。
在用Cewolf标签出现问题时,例如:"No Tags" is displayed in your containers console。你可以将cewolf.tldcewolf-1.1.tld  文件放入你在WEB项目根目录下的新建的文件夹中,就能在JSP中使用这些标签咯。

 1、创建一个数据源(dataset
   
创建数据源基本上和上面一样,所不同的是 cewolf 对其重新进行了包装,它提供了一个DatasetProducer 接口,你需要实现这一接口,下面是一个例子
  DatasetProducer pieData = new DatasetProducer() {
    public Object produceDataset(Map params) {
      //cewolf?
对其重新进行了包装
      final String[] categories = { "apples", "pies", "bananas", "oranges" };
      DefaultPieDataset ds = new DefaultPieDataset();
      //
怎么样?和上面一样吧
      for (int i = 0; i < categories.length; i++) {
        int y = (int) (Math.random() * 10 + 1);
        ds.setValue(categories[i], new Integer(y));
      }
      return ds;
    }

一个DatasetProducer需要实现3个方法,最重要的一个是produceDataset()方法,它实际上生成了一个用于画图的数据。这个方法用一个map作参数,这个map由许多指定的JSP标签填充,这个一会再介绍。
在当前生数据成器确实生成数据对象后,方法hasExpired()被才被Cewolf框架调用。当返回TRUE时,产生器将释放以前的数据。
Cewolf
框架通过 getProducerId()方法提生成的一个唯一ID来标识一个生成者。2个具有相同ID生成实例将被认为时生成相同的数据。

public String getProducerId() {
      return "PieDataProducer";//
返回唯一的ID
    }
    public boolean hasExpired(Map params, Date since) {
      return false;
    }
  };
  pageContext.setAttribute("pieData", pieData);//
产生完以后要把它放到页面中保存以给?cewolf标签调用

2<cewolf:chart></cewolf:chart>标签
  <cewolf:chart id="pieChart"></cewolf:chart>  //
这个id要唯一,给下边<cewolf:img>标签引用
    title="Pie
//图形的标题
    type="pie" //
图形的类型 >
    <cewolf:gradientpaint>
        <cewolf:point color="#FFFFFF" y="0" x="0"></cewolf:point>
        <cewolf:point color="#DDDDFF" y="0" x="300"></cewolf:point>
    </cewolf:gradientpaint>
    <cewolf:data>
        <cewolf:producer id="pieData"></cewolf:producer>
 //</cewolf:data>

<!---->
<!---->
引用上面产生的数据


 
一些说明:
 
关于图形的背景色,还有两个选择,分别是
    <cewolf:gradientpaint>   //</cewolf:gradientpaint>
 
产生色彩倾斜的背景
        <cewolf:point color="#AAAAFFEE" y="0" x="0"></cewolf:point>
        <cewolf:point color="#DDDDFF" y="0" x="300"></cewolf:point>
   

    <cewolf:texturepaint height="60" width="60" image="/img/bg.jpg"></cewolf:texturepaint>//
加入背景图案

3<cewolf:img>标签
   

4、看到上面的步骤,你可能会认为用 cewolf 输出图形是如此的简单,是这样的,但看了最开始的 jFreeChart 对图形的一些调整,你会想我如何调整呢?我不想用默认值,我想输出更复杂的图形。很好,我是这样做的:
   
这里要介绍一个新的接口ChartPostProcessor  和一个标签<cewolf:chartpostprocessor></cewolf:chartpostprocessor>我们要写自己的类实现这个ChartPostProcessor 接口,然后再用标签<cewolf:chartpostprocessor></cewolf:chartpostprocessor>调用我们所写的类
  ChartPostProcessor dataColor = new ChartPostProcessor() {
    public void processChart(Object chart, Map params) {  
    //
这个接口就这一个方法
    CategoryPlot plot = (CategoryPlot) ((JFreeChart) chart).getPlot(); //
看到了什么??!!对,获得了plot
       
下面就可以通过plot 对图形进行调整!!          
      plot.setAxisOffset(new RectangleInsets(5D, 5D, 5D, 5D));  //
一个实验,坐标轴与图分离
      for (int i = 0; i < params.size(); i++) {   //
这里的params 是通过标签<cewolf:chartpostprocessor></cewolf:chartpostprocessor>输入的!
        String colorStr = (String) params.get(String.valueOf(i));
        plot.getRenderer().setSeriesPaint(i, java.awt.Color.decode(colorStr));//
看到 renderer了吧,
      }
    }
  };
  pageContext.setAttribute("dataColor", dataColor); //
记得要放起来噢

 具体引用:
              type="stackedHorizontalBar" xaxislabel="Fruit" yaxislabel="favorite">
    <cewolf:data>
        
    </cewolf:data>
    
  
 
在这里!!
        
我们当然也可以在实现ChartPostProcessor 接口的类里把一切都做好,然后这么用:
       

生成ImageMapTooltip信息是很简单的事情,
首先要实现接口CategoryItemLinkGeneratorCategoryToolTipGenerator (因为生成的是CategoryDataset). 别的数据类型请参见cewolf java apihttp://cewolf.sourceforge.net/new/apidoc/index.html
de.laures.cewolf.tooltips
下有4个接口:
CategoryToolTipGenerator
PieToolTipGenerator
ToolTipGenerator
XYToolTipGenerator
为了能让你的类能在图片上生成ImageMapTooltip,你必须对<cewolf:img>做如下修改:
<cewolf:img height="300" width="400" renderer="cewolf" chartid="line">  
 <cewolf:map id="pageViews"></cewolf:map>
</cewolf:img>

CategoryToolTipGenerator catTG = new CategoryToolTipGenerator() {
    public String generateToolTip(CategoryDataset dataset, int series, int index) {
      return String.valueOf(dataset.getValue(series, index));
    }
  };
  pageContext.setAttribute("categoryToolTipGenerator", catTG);

PieToolTipGenerator pieTG = new PieToolTipGenerator() {
    public String generateToolTip(PieDataset dataset, Comparable section, int index) {
      return String.valueOf(index);
    }
  };
  pageContext.setAttribute("pieToolTipGenerator", pieTG);

<cewolf:img height="300" width="300" renderer="/cewolf" chartid="horizontalBarChart">
    <cewolf:map tooltipgeneratorid="categoryToolTipGenerator"></cewolf:map>
</cewolf:img>

LinkGenerator xyLG = new XYItemLinkGenerator() {
    public String generateLink(Object data, int series, int item) {
      return "#Series " + series;
    }
  };
  pageContext.setAttribute("xyLinkGenerator", xyLG);

分享到:
评论
8 楼 di1984HIT 2014-07-13  
人怎么不见了?
7 楼 javaxiongxing 2011-11-23  
牛叉哥啊...
6 楼 tbest 2008-08-26  
pageContext.setAttribute("dataColor", dataColor); //记得要放起来噢
dataColor怎么来的?这些都要写在jsp页面上吗?看着好乱啊...能否麻烦你再写的清楚一点啊..拜托
5 楼 tbest 2008-08-25  
我没有用过jfreechart,我用cewolf画了个图,我想设置纵坐标的精度,怎么办呢?比如原来是0,5,10.15,20,现在我要改成0,6,12,18,24.麻烦你了..
4 楼 blu3leaf 2007-04-15  
请教一下 如何在自定义标签里pageContext.setAttribute后,在同页面用el表达式获得该属性?
3 楼 kimfly 2007-01-04  
有什么问题问
2 楼 yanglin0719 2006-12-29  
我的mail:jinlin_yang@uniproud.com
QQ:272067720
MSN:yanglin0719@hotmail.com
1 楼 yanglin0719 2006-12-29  
我最近正需要这个,可以和你交流叫流吗?

相关推荐

    cewolf

    **CEWolf:JFreeChart的高效封装...总结来说,CEWolf是为简化JFreeChart使用而设计的一个优秀库,通过MVC模式,它提高了图表开发的效率和灵活性。无论是用于数据可视化、分析还是报告,CEWolf都是一个值得考虑的工具。

    cewolf-1.1.4

    总结,cewolf-1.1.4是一个强大的图形展示工具,它结合了JFreeChart的强大功能和Web服务的便利性,是开发Web应用中数据可视化的得力助手。通过不断迭代和优化,cewolf为开发者提供了更高效的解决方案,使得动态图表的...

    Web报表开发技术-Cewolf开发技术实例

    本实例将深入探讨如何在Web应用程序中集成和使用Cewolf技术。 1. **Cewolf简介** Cewolf,全称为“Charts on the Web in Every Language”,是一个开源项目,主要目的是简化在Web应用中生成动态图表的过程。它支持...

    开放源代码作品与Web图表编程

    总结来说,开放源代码作品如Java的Tomcat、Resin、JFreeChart和Cewolf,不仅促进了技术进步,还为开发者提供了丰富的工具和资源。理解并掌握这些开放源代码项目及其许可证,对于Java Web开发者而言至关重要,能够...

    精通Java+Web动态图表编程

    随后,深入讲解了如何利用Java Applet、JSP、Servlet和JavaBean等技术来开发Web动态图表,特别强调了开源软件JFreeChart和Cewolf动态图表生成引擎的使用,这些工具极大地简化了复杂图表的生成过程,提高了开发效率。...

    精通Java Web动态图表编程

    书中不仅覆盖了Java的基本图形处理能力,还详细介绍了如何通过多种技术手段如Java Applet、Java Servlet、JSP、Java Bean以及开源工具JFreeChart和Cewolf来实现动态图表的创建。 #### 二、Java Applet与绘图基础 -...

Global site tag (gtag.js) - Google Analytics