网站首页 新闻首页 网页设计图形动画软件编程网站开发办公软件操作系统数据库网络技术认证考试范文资料黑客攻防 书籍教程 进入论坛

java下使用TeeChart生成图表的学习记录

http://www.diybl.com/ 2008-3-21  网络 点击:  [ 评论 ]
文章搜索:    【点击打包该文章】

       最近要用jsp在网页上显示图表曲线,网查来查去居然没有我想要的东西,唉!可能关注这方面应用的人太少了吧。不过有幸让我下载了TeeChart for java,那个叫高兴呀,真象是遇到了十几年没见的老友。但网上相关中文文档、资料太少(都是asp的),没办法,只好用自己”二把刀“的英语水平翻译控件包中自带的资料,搞了许久,终于对其有了初步认识。高兴之余,赶快记录,免得日后忘了。

一、首先下载TeeChart for java控件包
        顺便说一下,本来我是上传到csdn的”我的资源“上了,但不知为什么csdn给我删了,所以只好在以下这个地址下载了(如果还下不了,请到
www.steema.com官方网站注册一下,再下)
http://www.teechart.net/files/java/public/TeeChartJavaEvaluation.zip
二、开发前的准备(安装)
      将下载的TeeChartJavaEvaluation.zip解压,会看到里面有一个TeeChart.Swing.jar,几个TXT和Docs、Examples两个文件夹,很明显Docs是说明文档,Examples是程序实例。将TeeChart.Swing.jar复制到jsp的工程路径下,由于我使用的iDE是netbeans5.0
      所以需要在工程中”库“包上右键,选择”添加JAR/文件夹“,将TeeChart.Swing.jar包含到jsp默认工程库下。
三、开发(jsp源码如下):
<
%@page contentType="text/html"%>
<
%@page pageEncoding="UTF-8"%>
<
%@page  import="com.steema.teechart.*"%>
<
%@page  import="com.steema.teechart.editors.*"%>
<
%@page  import="com.steema.teechart.styles.*"%>
<
%@page  import="com.steema.teechart.drawing.Color"%>
<!-- 以上为TeeChart的单元引用部分,很重要  -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "
http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
<SCRIPT type="text/javascript" language="JavaScript">
        function initChart() {   <!-- 记住,这里的chart是靠javascript代码来描绘的 -->
        
          var ll = ch.addSeries(0);    //ch为后面定义的图表变量,此句生成一个曲线(0代表曲线,以此类推)
          ch.getChart().getTitle().setText("qqp_528论坛年度点击量");  //在此处设置图表标题
          ch.getAspect().setView3D(false);  //图表是否三维显示
          ll.add(1,2,"#339999");  //在曲线上追加节点,x=1,y=2,但x轴显示的名称为"#339999"
         
          ll.add(10,20,"#314999");  //同上 描点
          ll.add(15,30,23);
          ll.add(2,13.5,"29.4");
          var tool1 = tChart1.addTool(1);  // 1 = Rotate tool  添加一个工具用于辅助显示图形
        <!--   ch.clear();
          var ba = ch.addSeries(2);
          ba.add(1,2);
          ba.add(10,20);
          ba.add(120,200);         
         ba.fillSampleValues();  //此代码被屏蔽,表示给图表自动追加若干随机生机点 -->         
        }
        function editChart() {
          ch.showEditor();  //弹出图表编辑框用于显示
        }
</SCRIPT>       
    </head>
    <body  onload="initChart()">    //页面加载即开始描点
<a href="" _fcksavedurl="""" onmousedown="editChart()">Edit Chart...</a>
    <hr>
    <%
         TChart ch = new TChart();   //jsp代码,实例化一个图表
        // Area aa = new Area(ch.getChart());
         //aa.fillSampleValues(10);
         ch.setBounds(new Rectangle(6, 71, 572, 268));
         //ch.getAspect().setView3D(false);
         ch.getPanel().getGradient().setVisible(true);
         //ch.getHeader().setText("java teechart");
         Line ll = new Line(ch.getChart().chart);
         //ch.addSeries(new Line());
&n

[1] [2]
如果图片或页面不能正常显示请点击这里 站内搜索:   

文章评论

请您留言