成人精品无,日韩一区二区不卡精品,学生妹网站

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

在Java下使用TeeChart生成圖表的學習記錄

原創|其它|編輯：郝浩|2012-10-16 09:58:28.000|閱讀 698 次

概述：在java下使用TeeChart生成圖表的學習筆記，和大家分享一下

最近要用jsp在網頁上顯示圖表曲線，網查來查去居然沒有我想要的東西，唉！可能關注這方面應用的人太少了吧。不過有幸讓我下載了TeeChart for java，那個叫高興呀，真象是遇到了十幾年沒見的老友。但網上相關中文文檔、資料太少（都是asp的），搞了許久，終于對其有了初步認識。高興之余，趕快記錄，免得日后忘了。

一、首先下載TeeChart for java控件包，下載地址：//fc6vip.cn/zh-CN/product/1142/download.aspx

二、開發前的準備（安裝）

將下載的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"
   "//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="""" _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());
         ll.setStairs(true);
         ll.getLinePen().setColor(Color.BLUE); 
         ch.getSeries(0).add(ll);

         ch.getAxes().getLeft().setStartPosition(0);
         ch.getAxes().getLeft().setEndPosition(200);
         ch.getAxes().getLeft().getAxisPen().color = Color.RED;
         
         ch.getAxes().getLeft().getTitle().getFont().setColor(Color.RED);
         ll.add(2,10,Color.RED);
         ll.add(20,50,Color.RED);
         
         //ch.show();
         //ChartEditor.editChart(ch.getChart());
       /*  ch.addSeries(new Line());

         ch.getAxes().getBottom().setIncrement(1);
         ch.getSeries(0).add(200,"pears", Color.RED);
         ch.getChart().getTitle().setText("在有工fdsa");

         Series se = ch.getSeries(0);
         ch.getSeries(0).add(1.2,4.3);
         ch.getSeries(0).add(20,143);
         se.add(23,56);
         se.clear();  */
         
        // ch.getSeries(0).fillSampleValues();
       
    %>
    <!-- 以下為圖表調用到頁面，采用java的Applet插件形式 -->
    <applet
      codebase="."
      archive="TeeChart.Swing.jar"    //加載的插件包，特別注意此處的路徑，控件加載失敗往往由此造成
      code="com.steema.teechart.TChartApplet.class"  //加載的控件類
      width="500"
      height="400"
      name="ch"    //此處即為以上生成的圖表實例，注意大小寫
      align="middle"
      vspace="10"
      hspace="10"
      alt="TeeChart for Java applets. qqp_528"
    >
    </applet>
    </body>
</html>

標簽：

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn

文章轉載自：CSDN

上一篇：DevExpress GridControl使用教程之表格中的控件下一篇：ASPxTreeView如何通過AllowCheck屬性管理復選框的可見性