原創(chuàng)|其它|編輯:郝浩|2012-10-16 09:58:28.000|閱讀 698 次
概述:在java下使用TeeChart生成圖表的學(xué)習(xí)筆記,和大家分享一下
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
最近要用jsp在網(wǎng)頁(yè)上顯示圖表曲線,網(wǎng)查來(lái)查去居然沒有我想要的東西,唉!可能關(guān)注這方面應(yīng)用的人太少了吧。不過(guò)有幸讓我下載了TeeChart for java,那個(gè)叫高興呀,真象是遇到了十幾年沒見的老友。但網(wǎng)上相關(guān)中文文檔、資料太少(都是asp的),搞了許久,終于對(duì)其有了初步認(rèn)識(shí)。高興之余,趕快記錄,免得日后忘了。
一、首先下載TeeChart for java控件包,下載地址://fc6vip.cn/zh-CN/product/1142/download.aspx
二、開發(fā)前的準(zhǔn)備(安裝)
將下載的TeeChartJavaEvaluation.zip解壓,會(huì)看到里面有一個(gè)TeeChart.Swing.jar,幾個(gè)TXT和Docs、Examples兩個(gè)文件夾,很明顯Docs是說(shuō)明文檔,Examples是程序?qū)嵗eeChart.Swing.jar復(fù)制到j(luò)sp的工程路徑下,由于我使用的iDE是netbeans5.0
所以需要在工程中”庫(kù)“包上右鍵,選擇”添加JAR/文件夾“,將TeeChart.Swing.jar包含到j(luò)sp默認(rèn)工程庫(kù)下。
三、開發(fā)(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代碼來(lái)描繪的 --> var ll = ch.addSeries(0); //ch為后面定義的圖表變量,此句生成一個(gè)曲線(0代表曲線,以此類推) ch.getChart().getTitle().setText("qqp_528論壇年度點(diǎn)擊量"); //在此處設(shè)置圖表標(biāo)題 ch.getAspect().setView3D(false); //圖表是否三維顯示 ll.add(1,2,"#339999"); //在曲線上追加節(jié)點(diǎn),x=1,y=2,但x軸顯示的名稱為"#339999" ll.add(10,20,"#314999"); //同上 描點(diǎn) ll.add(15,30,23); ll.add(2,13.5,"29.4"); var tool1 = tChart1.addTool(1); // 1 = Rotate tool 添加一個(gè)工具用于輔助顯示圖形 <!-- ch.clear(); var ba = ch.addSeries(2); ba.add(1,2); ba.add(10,20); ba.add(120,200); ba.fillSampleValues(); //此代碼被屏蔽,表示給圖表自動(dòng)追加若干隨機(jī)生機(jī)點(diǎn) --> } function editChart() ...{ ch.showEditor(); //彈出圖表編輯框用于顯示 } </SCRIPT> </head> <body onload="initChart()"> //頁(yè)面加載即開始描點(diǎn) <a href="" _fcksavedurl="""" _fcksavedurl="""" onmousedown="editChart()">Edit Chart...</a> <hr> <%... TChart ch = new TChart(); //jsp代碼,實(shí)例化一個(gè)圖表 // 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(); %> <!-- 以下為圖表調(diào)用到頁(yè)面,采用java的Applet插件形式 --> <applet codebase="." archive="TeeChart.Swing.jar" //加載的插件包,特別注意此處的路徑,控件加載失敗往往由此造成 code="com.steema.teechart.TChartApplet.class" //加載的控件類 width="500" height="400" name="ch" //此處即為以上生成的圖表實(shí)例,注意大小寫 align="middle" vspace="10" hspace="10" alt="TeeChart for Java applets. qqp_528" > </applet> </body> </html>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:CSDN