サーブレットでグラフを描く（JFreeChart活用）：JavaTips ～JSP／サーブレット編

» 2004年10月19日 10時00分公開

　JFreeChartは、チャート画像の生成に特化した高機能なライブラリ群です。もちろん、J2SEにはJava 2Dと呼ばれる画像生成用のAPIが用意されていますから、JFreeChartのようなライブラリを使わなくても最低限の画像描画を行うことは可能ですが、棒グラフのような比較的単純なチャートを作成するにも、あらかじめ座標の計算などを綿密に行わなければならず、煩雑なコーディングを強いられることになるはずです。

　しかし、JFreeChartを利用することで、グラフの基となるデータセットを引き渡すだけで、棒グラフや円グラフ、バブルチャート、レーダチャート、株価チャートのようなさまざまなチャート図を、簡単に作成することができます。基本的な描画機能はすべてJFreeChartが肩代わりしてくれますから、プログラマが座標計算のような低レベルな部分に思いを至らす必要もありません。また、一度作成したチャートを（例えば）棒グラフから円グラフに切り替えたいと思った場合にも、クラスやメソッドを入れ替えるだけですので、比較的簡単に対応できます。皆さんも、これを機会にビジュアルなチャートを使った効果的なページを作成してみてはいかがでしょう。

解説

（1）JFreeChartライブラリをインストールする

　JFreeChartを利用するに当たっては、あらかじめライブラリをインストールしておく必要があります。JFreeChartライブラリは、以下のサイトからダウンロードしてください。

・ http://www.jfree.org/jfreechart/

　ダウンロードファイルjfreechart-X.X.X.zip（X.X.Xはバージョン番号）を解凍すると、各種ファイルが展開されますので、解凍したフォルダ直下にあるjfreechart-X.X.X.jar、libフォルダ配下のjcommon-X.X.X.jarを、それぞれアプリケーションルート配下の「/WEB-INF/lib」フォルダにコピーしてください。

（2）サーブレットクラスを定義する

　本稿では、配列値としてあらかじめ渡されたアクセスログ・データを基に、円グラフを作成してみることにしましょう。当然、配列値を読み取っている個所は、一般的にはデータベースサーバなどから動的に値を取得すると良いでしょう。

ChartServlet.java

package to.msn.wings.javatips;

            

            import java.io.IOException;

            

            import javax.servlet.ServletException;

            import javax.servlet.ServletOutputStream;

            import javax.servlet.http.HttpServlet;

            import javax.servlet.http.HttpServletRequest;

            import javax.servlet.http.HttpServletResponse;

            

            import org.jfree.chart.ChartFactory;

            import org.jfree.chart.ChartUtilities;

            import org.jfree.chart.JFreeChart;

            import org.jfree.data.DefaultPieDataset;

            

            public class ChartServlet extends HttpServlet {

              public void doGet(HttpServletRequest request

                              , HttpServletResponse response)

                throws ServletException, IOException {

            

                // グラフ生成用の元データを用意

                String[][] aryDat={

                  {"書籍紹介","150000"},

                  {"Q＆A掲示板","55500"},

                  {"関連サイト","75000"},

                  {"レンタルサーバ","83100"},

                  {"RSSフィード","22500"}

                };

            

                // 円グラフの基となるデータセットを用意

                DefaultPieDataset objDpd=new DefaultPieDataset();

            

                // データセットに項目名と値のを順にセット

                for(int i=0;i<aryDat.length;i++){

                  objDpd.setValue(aryDat[i][0],Integer.parseInt(aryDat[i][1]));

                } 

            

                // 3次元円グラフを生成（第1引数からグラフタイトル、

                // データセット、判例を表示するか、ツールチップを

                // 表示するか、URLを動的に生成するかを指定）

                JFreeChart objCht=ChartFactory.createPieChart3D(	
            

                  "サイトアクセスログ",objDpd,true,false,false);

            

                // バイナリ出力ストリームにJPEG形式で画像を出力

                // 600×400ピクセル）

                response.setContentType("image/jpeg"); 

                ServletOutputStream objSos=response.getOutputStream();

                ChartUtilities.writeChartAsJPEG(objSos,objCht,600,400);	
            

              }

            }

（3）デプロイメント・ディスクリプタにサーブレットクラスを登録する

　本サーブレットクラスを実行するに当たっては、あらかじめデプロイメント・ディスクリプタ（web.xml）に対して、サーブレットの登録を行っておく必要があります。<url-pattern>要素に「/chart.jpg」のように指定しておくことで、サーブレットクラスをあたかも静的なJPEGファイルであるかのように見せることができます（「基礎から学ぶサーブレット／JSP 第11回　JSPとサーブレットの違いを明らかにする」（Java Solution）も併せて参照してください）。

web.xml

<?xml version="1.0" encoding="UTF-8" ?>

            <web-app xmlns="http://java.sun.com/xml/ns/j2ee"

              xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

              xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee web-app_2_4.xsd"

              version="2.4">

              …中略…

              <servlet>

                <servlet-name>ChartServlet</servlet-name>

                <servlet-class>to.msn.wings.javatips.ChartServlet</servlet-class>

              </servlet>

              <servlet-mapping>

                <servlet-name>ChartServlet</servlet-name>

                <url-pattern>/chart.jpg</url-pattern>

              </servlet-mapping>

              …中略…

            </web-app>