JFreeChartを使って、グラフを出力するサーブレットと、ウェブページにグラフを表示するサンプルです。
JFreeChartはJava用のグラフを出力するライブラリです。
■目次
JFreeChartのセットアップ
ダウンロード
JFreeChartのサイトでぽちぽちクリックしていると、SourceForgeに移動しました。
さらに「JFreeChart」のリンクをクリックすると色んなバージョンの番号が見えます。
今回は「1.0.14」を選んでみました。
zipファイルと、tar.gzファイルが選べたので今回は「jfreechart-1.0.14.zip」をダウンロードしました。
インストール
１．ダウンロードしたファイルから、以下の２ファイルを取り出します。
jcommon-1.0.17.jar
jfreechart-1.0.14.jar
２．Tomcatプロジェクトの「/WEB-INF/lib」ディレクトリに上記のファイルをコピーします。
Tomcatは「/WEB-INF/lib」ディレクトリに配置したjarファイルをアプリケーションから利用出来るので、これだけでJFreeChartを利用する準備完了です。
eclipseの設定
Tomcatのための設定は「/WEB-INF/lib」にjarファイルを配置すれば完了ですが、eclipseでもクラスパスにjarファイルを入れて上げないとコンパイルエラーが出て大変です。
eclipseのための設定は、eclipseから「/WEB-INF/lib」にコピーしたjarファイルを選択し、右クリックメニューから「ビルドパス→ビルドパスに追加」を選択すれば完了です。
これで、eclipseでJFreeChartアプリを開発出来る準備が整いました。
サンプルアプリケーション
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.jfree.chart.ChartUtilities;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.plot.PiePlot;
import org.jfree.data.general.DefaultPieDataset;
/**
* [Tomcat] JFreeChartで動的にグラフを出力するサンプル。
*/
public class JFreeChartSample extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// コンテンツタイプ設定
response.setContentType("image/png");
// 円グラフのデータ作成
DefaultPieDataset data = new DefaultPieDataset();
data.setValue("いちご", 1500);
data.setValue("オレンジ", 1500);
data.setValue("バナナ", 5000);
// JFreeChartオブジェクト作成
JFreeChart chart = new JFreeChart(new PiePlot(data));
// 円グラフ出力
ChartUtilities.writeChartAsPNG(response.getOutputStream(), chart, 200, 200);
// アウトプットストリームをフラッシュ
response.getOutputStream().flush();
}
}
- 簡単な円グラフを出力するサーブレットなら簡単に出来ます。
- ポイントは２つで、１つは以下のコンテンツタイプ設定。
response.setContentType("image/png");
コンテンツタイプを設定するとブラウザが「画像なんだな」とスムーズに判断してくれます。
- もう１つは、以下の円グラフ出力に使っているメソッド。
ChartUtilities.writeChartAsPNG(response.getOutputStream(), chart, 200, 200);
この「writeChartAsPNG」を使うことで、レスポンスのアウトプットストリームにpngのイメージを出力しています。
一次的にファイルに保存する必要がないので便利です。
※「saveChartAsPNG」を使うと、「pngファイル」を実際のファイルに出力スルことができます。
<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
version="3.0">
<!-- サーブレットの宣言 -->
<servlet>
<servlet-name>JFreeChartSample</servlet-name>
<servlet-class>JFreeChartSample</servlet-class>
</servlet>
<!-- サーブレットとurlのマッピング -->
<servlet-mapping>
<servlet-name>JFreeChartSample</servlet-name>
<url-pattern>/chart/piechart.png</url-pattern>
</servlet-mapping>
</web-app>
- サーブレットのマッピングで、以下のように<url-pattern>に画像ファイル名を入れておくと、グラフを保存したい人に便利です。
<url-pattern>/chart/piechart.png</url-pattern>
- 画像ファイルの部分をワイルドカードにして、ファイル名をhtml側で自由に決めさせるのもいいでしょう。
<url-pattern>/chart/*</url-pattern>
動作確認
サンプルアプリケーションその２ ウェブページ(jsp)にグラフを表示する
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[Tomcat] ウェブページにJFreeChartで動的に生成したグラフを表示する。</title>
</head>
<body>
<h1>[Tomcat] ウェブページにJFreeChartで動的に生成したグラフを表示する。</h1>
<img src='<%=request.getContextPath()%>/chart/piechart.png'>
<p>ウェブページにJFreeChartで動的に生成したグラフを表示するサンプルです。 </p>
</body>
</html>
<img src='<%=request.getContextPath()%>/chart/piechart.png'>
- imgタグの属性srcに、先ほど作成したグラフ作成サーブレットのアドレスを設定する事で、グラフ作成サーブレットにリクエストが飛んで、ウェブページの中に動的に生成したグラフが表示されます。
動作確認
サンプルダウンロード
コメント（バグ、間違い、こんな情報が欲しい等ありましたら）
アンケート（このページの情報はお役に立ちましたか？）
最終更新：2024年04月10日 13:49
JFreeChartSample.java
