gdによりグラフを表示する [データベース] All About

Web+DBプログラミングの基礎　Apache + PHP + MySQL Version5編 Vol.08

今回は画面より入力されたデータをグラフ化し表示するプログラムを紹介します。

注 ---今回のプログラムではMySQLは使用しません。
PHPと拡張モジュールのgdを使用します。

gdの環境設定
グラフを表示する際に使用するgdの環境が設定されているか確認してください

php_gd2.dllがPHPをインストールしたファルダ内のextファルダ内にあるか確認します。
PHP 5.2.0のインストールと設定の手順でインストールした場合は、通常上記のフォルダに設定されています。

（画像をクリックすると拡大表示できます）
php.iniファイルのextension=php_gd2.dllの行を上図ようにコメント（セミコロン）を外して保存した後、Apacheを再起動してください。
Windows 2000ではphp.iniファイルはC:\WINNTフォルダ内にあります。
Windows 98/MeとWindows XP/Windows Server 2003の場合はC:\WINDOWSです。

以上のgdの環境設定後にとのみ記述したphpプログラムtest.phpを実行してphpの設定情報を表示します。

（画像をクリックすると拡大表示できます）
表示されたphpの設定情報を下の方にスクロールして上図のようにgdがenable設定されていることを確認します。

●1. グラフ表示プログラム(phpgraph1.php)を作成

下記の内容をテキストエディタにコピーし、ファイル名をphpgraph1.phpとして
C:\Program Files\Apache Group\Apache2\htdocs内に保存します。

注 --- ApacheがVersion1.xの場合は
C:\Program Files\Apache Group\Apache\htdocs
です。

*注　phpgraph1.phpファイルの文字コードはsjisを指定して保存してください。
サクラエディタなど文字コードを指定できるエディタを使うと便利です。

<?
//HTML文を出力　HTMLの開始
print("<HTML>\n");

//HTML文を出力　HEADの開始
print("<HEAD>\n");

//文字コードをSHIFT_JISと指定
print("<META HTTP-EQUIV=\"Content-Type\" CONTENT=\"text/html; charset=\"Shift_JIS\">\n");

//HTML文を出力　TITLEの指定
print("<TITLE>phpgraph1</TITLE>\n");

//HTML文を出力　HEADの終了
print("</HEAD>\n");

//HTML文を出力　BODYの開始
print("<BODY>\n");

//HTML文を出力　グラフ表示
print("<b>グラフ表示</b><br><br>");

//HTML文を出力　FORMの開始
print("<FORM action=phpgraph1-1.php method=post>");

print("<b>棒グラフ</b>の値を指定してください<br><br>");

//HTML文を出力　入力フィールドの指定　num1
print("num1<select name=num1><option value=0 selected>0</option><option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option></select><br>");

//HTML文を出力　入力フィールドの指定　num2
print("num2<select name=num2><option value=0 selected>0</option><option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option></select><br>");

//HTML文を出力　入力フィールドの指定　num3
print("num3<select name=num3><option value=0 selected>0</option><option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option></select><br>");

//HTML文を出力　入力フィールドの指定　num4
print("num4<select name=num4><option value=0 selected>0</option><option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option></select><br>");

//HTML文を出力　入力フィールドの指定　num5
print("num5<select name=num5><option value=0 selected>0</option><option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option></select><br>");

//HTML文を出力　入力フィールドの指定　num6
print("num6<select name=num6><option value=0 selected>0</option><option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option></select><br><br>");

//HTML文を出力　確認ボタン
print("<INPUT type=submit value=確認>");

//HTML文を出力　取消ボタン
print("<INPUT type=reset value=取消><br>");

//HTML文を出力　FORMの終了
print("</FORM>");

//HTML文を出力　BODYの終了
print("</BODY>\n");

//HTML文を出力　HTMLの終了
print("</HTML>\n");
?>