用JFreeChart創建基於Web的圖表(1 / 3)

用JFreeChart創建基於Web的圖表

WWW的發展使得基於因特網的應用程序不再局限於靜態或者簡單的動態內容提供。傳統的一些以軟件包形式發布應用程序例如報表係統等都在逐漸搬到因特網上。但是這兩者之間有著天壤之別,雖然對於數據獲取、業務處理等方麵基本類似,但是最大的差別在於用戶界麵。為了能在web瀏覽器上顯示要求用戶界麵使用HTML以及圖片的方式來展現數據,而傳統的一些利用操作係統本身的控件來開發的用戶界麵無法適應琳琅滿目的客戶端,因此在這裏也變得無能為力。

回到本文的題目上來,為了創建一個可以在web瀏覽器上查看到圖表一般有兩種做法:第一種就是使用applet利用java本身對圖形的支持來顯示一個圖表;第二種就是直接在web服務器端生成好圖表圖片文件後發送給瀏覽器。第一種方式顯然對於客戶端要求太高,隨著現在主流瀏覽器放棄對JAVA的支持後,這種方式隻適合一些局域網的應用,而對於因特網的環境就顯得不太適合。因此我們下麵將介紹一個JAVA的圖表引擎JFreeChart用來產生基於WEB的圖表。

一、JFreeChart項目簡介

JFreeChart是開放源代碼站點SourceForge.net上的一個JAVA項目,它主要用來各種各樣的圖表,這些圖表包括:餅圖、柱狀圖(普通柱狀圖以及堆棧柱狀圖)、線圖、區域圖、分布圖、混合圖、甘特圖以及一些儀表盤等等。這些不同式樣的圖表基本上可以滿足目前的要求。為了減少篇幅本文主要介紹前麵三種類型的圖表,讀者可以觸類旁通去開發其他樣式的圖表。下麵幾個是JFreeChart產生的這三種類型圖表的結果:

圖1

圖2

圖3

上麵的三個圖都是表示四個季度的某個產品的銷量信息。在繼續下麵小節之前必須先準備好開發環境,因為是基於WEB瀏覽器的圖表展現,因此需要一個Servlet引擎或者是J2EE應用服務器(例如WebSphere,Tomcat等)。WEB環境的搭建就不累贅了,讀者根據喜好自行安裝。JFreeChart引擎本身需要到SourceForge.net上下載,地址如下:

JFreeChart主頁:http://www.jfree.org/jfreechart/index.html

JFreeChart下載頁麵:http://sourceforge.net/projects/jfreechart/

下載的時候需要注意的是必須下載兩個文件:JFreeChart以及Jcommon。目前最新配套版本是:JFreeChart0.9.11Jcommon0.8.6

這裏有點筆者在開發中遇見的問題需要注意的是:在使用Eclipse開發的時候會報一個莫名其妙的錯誤,錯誤可能指向某個類文件的第一行。遇到這樣的問題一般是因為沒有把Jcommon的jar包設置到項目的類路徑中的緣故。具體的原因不祥。(還有log4j等也咬一起導入)。

二、解讀JFreeChart的源碼結構

在開始使用JFreeChart之前我們有必要先大概了解一下JFreeChart本身的結構以及它所帶一些例子程序,這樣有助於我們下一步自行開發。下載JFreeChart包後已經帶有非常豐富的例子,因為JFreeChart這個項目本身的使用文檔非常少,因此學習它最好的辦法就是學習它所帶的例子源碼。在包org.jfree.chart.demo中有幾十個文件用於展示JFreeChart所能支持的所有圖表的結果。如果你的JDK是比較新的情況下可能在運行這些例子時會有問題,現象如下:

java.lang.UnsatisfiedLinkError:initDDraw

atsun.awt.windows.Win32OffScreenSurfaceData.initDDraw(NativeMethod)

atsun.awt.windows.Win32OffScreenSurfaceData.<clinit>(Win32OffScreenSurfaceData.java:141)

atsun.awt.Win32GraphicsDevice.<clinit>(Win32GraphicsDevice.java:58)

atsun.awt.Win32GraphicsEnvironment.makeScreenDevice(Win32GraphicsEnvironment.java:168)

atsun.java2d.SunGraphicsEnvironment.getScreenDevices(SunGraphicsEnvironment.java:240)

atsun.awt.Win32GraphicsEnvironment.getDefaultScreenDevice(Win32GraphicsEnvironment.java:61)

atjava.awt.Window.init(Window.java:224)

atjava.awt.Window.<init>(Window.java:268)

atjava.awt.Frame.<init>(Frame.java:398)

atjavax.swing.JFrame.<init>(JFrame.java:198)

atorg.jfree.chart.demo.JFreeChartDemo.<init>(JFreeChartDemo.java:148)

atorg.jfree.chart.demo.JFreeChartDemo.main(JFreeChartDemo.java:285)

Exceptioninthread"main"

這個錯誤是由於新版的Swing大量的使用了微軟的DirectDraw的技術來提高畫圖的性能,而可能你的顯卡在這時候會跟你鬧點情緒或者顯卡本身並不支持這樣的一個技術。難道就沒有辦法了嘛?要解決這個問題也非常簡單,我們可以屏蔽掉DirectDraw,不讓Swing使用該技術就可以了。在運行這些代碼時給虛擬機指定參數-Dsun.java2d.noddraw即可。

這時可能你又該納悶了,不說是基於Web的圖表嘛,怎麼又扯到Swing上了?這是因為為了使開發者容易上手,無需配置任何運行環境,所以這些例子都是基於GUI方式的用於展現給開發者如果生成一個圖表,我們要學習的也就是如何利用這個引擎生成圖表而不是怎麼來顯示一個圖表。當我們把生成的圖表對象Export到一個圖像文件即可在Web上發布。

下麵我們來介紹JFreeChart中幾個核心的對象類:

<tableboder=0>

<tr><td>類名</td><td>類的作用以及簡單描述</td></tr>

<tr><td>JFreeChart</td><td>圖表對象,任何類型的圖表的最終表現形式都是在該對象進行一些屬性的定製。JFreeChart引擎本身提供了一個工廠類用於創建不同類型的圖表對象</td></tr>

<tr><td>XXXXXDataset</td><td>數據集對象,用於提供顯示圖表所用的數據。根據不同類型的圖表對應著很多類型的數據集對象類</td></tr>

<tr><td>XXXXXPlot</td><td>圖表區域對象,基本上這個對象決定著什麼樣式的圖表,創建該對象的時候需要Axis、Renderer以及數據集對象的支持</td></tr>

<tr><td>XXXXXAxis</td><td>用於處理圖表的兩個軸:縱軸和橫軸</td></tr>

<tr><td>XXXXXRenderer</td><td>負責如何顯示一個圖表對象</td></tr>

<tr><td>XXXXXURLGenerator</td><td>用於生成Web圖表中每個項目的鼠標點擊鏈接</td></tr>

<tr><td>XXXXXToolTipGenerator</td><td>用於生成圖象的幫助提示,不同類型圖表對應不同類型的工具提示類</td></tr>

</table>

基本上我認為JFreeChart項目本身的類結構的設計並不是很好,首先在創建圖表的時候用到了大量的工廠方法,這樣做雖然可以簡化創建圖表對象的代碼,但是對項目本身或者開發人員來講自行擴展一種新的圖表都仍然是一件很麻煩的事情;其次除圖表對象本身外其餘的類過於複雜,使用者必須去了解每個類型的圖表對象應該對應哪些Axis、Plot、Renderer類,並且必須非常熟悉這些類的構造函數中每個參數的具體含義。這些問題都大大困擾很多初學者。不過,雖然存在很多問題,但是JFreeChart本身仍不失為一個非常優秀的圖表引擎,況且項目本身也在逐漸的發展中。

在非常簡略的介紹了JFreeChart本身的代碼結構後,下麵我們開始動手試驗幾個常用的圖表並把他們放到web上。

三、使用JFreeChart生成各種樣式的圖表

限於篇幅的問題我們在這裏隻實現兩種常用的圖表,其他類型圖表讀者可以觸類旁通。我們先給出柱狀圖的實現,餅圖的實現再來跟柱狀圖進行比較。

1柱狀圖

[code]packagelius.chart.demo;

importjava.io.*;

importorg.jfree.data.*;

importorg.jfree.chart.*;

importorg.jfree.chart.plot.*;

/**

*該類用於演示最簡單的柱狀圖生成

*@authorWinterLau

*/

publicclassBarChartDemo{

publicstaticvoidmain(String[]args)throwsIOException{

CategoryDatasetdataset=getDataSet2();

JFreeChartchart=ChartFactory.createBarChart3D(

"水果產量圖",//圖表標題

"水果",//目錄軸的顯示標簽

"產量",//數值軸的顯示標簽

dataset,//數據集

PlotOrientation.VERTICAL,//圖表方向:水平、垂直

true,//是否顯示圖例(對於簡單的柱狀圖必須是false)

false,//是否生成工具

false//是否生成URL鏈接

);

FileOutputStreamfos_jpg=null;

try{

fos_jpg=newFileOutputStream("D:\\fruit.jpg");

ChartUtilities.writeChartAsJPEG(fos_jpg,100,chart,400,300,null);

}finally{

try{

fos_jpg.close();

}catch(Exceptione){}

}

}

/**

*獲取一個演示用的簡單數據集對象

*@return

*/

privatestaticCategoryDatasetgetDataSet(){

DefaultCategoryDatasetdataset=newDefaultCategoryDataset();

dataset.addvalue(100,null,"蘋果");

dataset.addvalue(200,null,"梨子");

dataset.addvalue(300,null,"葡萄");

dataset.addvalue(400,null,"香蕉");

dataset.addvalue(500,null,"荔枝");

returndataset;