GDライブラリで線グラフを作りたいのですが

質問

PHP+MySQL+GDライブラリで折れ線グラフを実現したいと思っています。全くの初挑戦で、いろいろと調べてみたのですが良い資料が見つかりません。

参考になるサイトや書籍などがありましたらおしえてください。

回答No.1

kusukusu · ベストアンサー

UPローダでUPしたらなぜか消されたので本文を
ホントここの基準ってよく分からん┐( ￣ー￣)┌
だいぶ前に作ったグラフを作成するクラスです。
実用性はない（できあがりのグラフが汚すぎる(^^;）ですが、参考にはなるかと思います。
折れ線だけでなく、ついでに棒グラフや円グラフもかけます。

<?php
////グラフクラス
class make_graph {
//$this->data 2次元配列 $data=array(array("項目名","数値"), array()…)
//メンバ変数不変
var $data;
var $title;
var $graph_max;
var $sort_column;
var $between;
//メンバ変数可変
var $fonts=array(
"/usr/X11R6/lib/X11/fonts/TrueType/kochi-mincho.ttf",
"/usr/X11R6/lib/X11/fonts/TrueType/kochi-gothic.ttf",
"/usr/X11R6/lib/X11/fonts/TrueType/tlgothic.ttc",
"/usr/X11R6/lib/X11/fonts/TrueType/win-kaisho.ttf",
"/usr/X11R6/lib/X11/fonts/TrueType/ms-min.ttc"
);
var $frame_width=700;
var $frame_height=500;
var $bgcolor="#dddddd";
var $font_size=10;
var $font_color="#333355";
var $bar_col_type;
var $bar_col_light;
var $txt_space="15";
var $v_sp="100";
//コンストラクタ
function make_graph($title,$graph_max,$data,$sort_column) {
$this->title=$title;
$this->graph_max=$graph_max;
$this->data=$data;
$this->sort_column=$sort_column;
if($this->font_size<8||$this->font_size>14) { die("フォントサイズが小さすぎるか、大きすぎます。「8～14」で指定してください"); }
$this->between=$this->font_size+4;
$this->v_sp=$this->frame_height-$this->v_sp-20;
if($this->sort_column=="down"||$this->sort_column=="up") { $this->sort_data(); }
}

////オーバライド不可のメンバ関数
//ヘッダ関数
function make_header() {
header("Content-type:image/png");
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");
}
//カラーコード変換関数
//$hex=16の時 16進数から10進数へ、 $hex=10の時 10進数から16進数へ
function change_color_code($color,$hex) {
if($hex==16) { $op1=16; $op2=10; }
else if($hex==10) { $op1=10; $op2=16; }
else { die("error"); }
$color=ereg_replace("#","",$color);
$r=base_convert(substr($color,0,2),$op1,$op2);
$g=base_convert(substr($color,2,2),$op1,$op2);
$b=base_convert(substr($color,4,2),$op1,$op2);
$color=($hex==16)?array($r,$g,$b):"#".$r.$g.$b;
return $color;
}
//ランダム色作成関数
function make_color($keitou,$light) {
for($i=0;$i<3;++$i) {
$mt=mt_srand((double)microtime()*1000000);
if($keitou=="r") { $s=($i==0)?100:0; $e=($i==0)?255:100; }
else if($keitou=="g") { $s=($i==1)?100:0; $e=($i==1)?255:100; }
else if($keitou=="b") { $e=($i==2)?255:100; }
else { $s=0; $e=255; }
if($light=="d") { $s=$s-50; if($s<0) { $s=0; } $e=$e-50; if($e<0) { $e=0; } }
else if($light=="l") { $s=$s+50; if($s>255) { $s=255; } $e=$e+50; if($e>255) { $e=255; } }
$b_col[$i]=mt_rand($s,$e);
}
return $b_col;
}
//データのソート
function sort_data() {
function sort_by_val($p1,$p2) {
return($p1[1]-$p2[1]);
}
usort($this->data,"sort_by_val");
if($this->sort_column=="down") {
rsort($this->data);
}
}
////オーバーライド可能なメンバ関数
//グラフ枠線関数
function frame_line($im,$id) {
//$id==0 横線
imageline($im,0,20,$this->frame_width+$this->txt_space,20,imagecolorallocate($im,150,0,0));
if($id==0) {
imageline($im,$this->txt_space+3,0,$this->txt_space+3,$this->frame_height,imagecolorallocate($im,150,0,0));
imageline($im,0,$this->v_sp+20,$this->frame_width+$this->txt_space,$this->v_sp+20,imagecolorallocate($im,150,0,0));
}else {
imageline($im,$this->txt_space,20,$this->txt_space,$this->frame_height,imagecolorallocate($im,150,0,0));
}
}
//グラフ目盛り線関数
function memory_line($im,$id) {
//$id==0 横線
$h_h=($id==0)?($this->v_sp)/10:($this->frame_width)/10;
for($i=1;$i<=10;++$i) {
($id==0)?imageline($im,$this->txt_space+4,$i*$h_h+20,$this->frame_width+$this->txt_space,$i*$h_h+20,imagecolorallocate($im,255,190,190)):imageline($im,$this->txt_space+$i*$h_h,20,$this->txt_space+$i*$h_h,$this->frame_height,imagecolorallocate($im,255,190,190));
}
}
//開始関数(共通)
function start() {
$im=imagecreate($this->frame_width+$this->txt_space,$this->frame_height);
$bg=$this->change_color_code($this->bgcolor,16);
$bg_color=imagecolorallocate($im,$bg[0],$bg[1],$bg[2]);
$fc=$this->change_color_code($this->font_color,16);
$font_color=imagecolorallocate($im,$fc[0],$fc[1],$fc[2]);
$colums_bg_color=imagecolorallocatealpha($im,$bg[0],$bg[1],$bg[2],100);
return array($im,$font_color,$colums_bg_color);
}
//フォントサイズのよるサイズ決定関数
function create_x_y($id) {
//$id==0 横線
if($id==0) {
switch($this->font_size) {
case "8": $w=12.2; break; case "9": $w=13.2; break; case "10": $w=14.2; break; case "11":$w=15.2; break;
case "12": $w=16.2; break; case "13": $w=17.2; break; case "14": $w=18.2; break;
}
}else {
switch($this->font_size) {
case "8": $w=14.2; break; case "9": $w=15.2; break; case "10": $w=16.2; break; case "11": $w=17.2; break;
case "12": $w=18.2; break; case "13": $w=19.2; break; case "14": $w=20.5; break;
}
}
return $w;
}

////メイン関数
//棒グラフ「縦」
function bar_graph_v() {
$this->make_header();
$w=$this->create_x_y(0);
$this->frame_width=$w*sizeof($this->data);
$start=$this->start(); $im=$start[0]; $font_color=$start[1]; $colums_bg_color=$start[2];
$max="";
foreach($this->data as $d) {
if($d[1]>=$max) { $max=$d[1]; }
}
//カラム壁色
imagefilledrectangle($im,3+$this->txt_space,$this->v_sp+20,$this->frame_width-3+$this->txt_space+20,$this->frame_height,$colums_bg_color);
//グラフ枠線
$this->frame_line($im,0);
//薄い横線
$this->memory_line($im,0);
//文字
imagettftext($im,$this->font_size,0,$this->txt_space+10,15,$font_color,$this->fonts[3],mb_convert_encoding($this->title,"UTF-8","auto"));
imagettftext($im,10,-90,1,25,$font_color,$this->fonts[0],"Max:".number_format($this->graph_max)." 1memory:".number_format($this->graph_max/10));
//メイン
for($i=0;$i<sizeof($this->data);++$i) {
$y1=($this->graph_max-$this->data[$i][1])/$this->graph_max*$this->v_sp+20;
imagettftext($im,$this->font_size,-90,$i*$this->between+5+$this->txt_space,$this->v_sp+2+20,$font_color,$this->fonts[3],mb_convert_encoding($this->data[$i][0],"UTF-8","auto"));
$b_col=$this->make_color($this->bar_col_type,$this->bar_col_light);
$col=imagecolorallocate($im,$b_col[0],$b_col[1],$b_col[2]);
imagefilledrectangle($im,$i*$this->between+6+$this->txt_space,$y1,($i+1)*$this->between-1+$this->txt_space,$this->v_sp+20,$col);
}
imagepng($im);
imagedestroy($im);
}

//棒グラフ「横」
function bar_graph_h() {
$this->make_header();
$w=$this->create_x_y(1);
$this->frame_height=$w*sizeof($this->data);
$start=$this->start(); $im=$start[0]; $font_color=$start[1]; $colums_bg_color=$start[2];
$max="";
foreach($this->data as $d) {
if($d[1]>=$max) { $max=$d[1]; }
}
//カラム壁色
imagefilledrectangle($im,0,20,$this->txt_space,$this->frame_height,$colums_bg_color);
//グラフ枠線
$this->frame_line($im,1);
//薄い横線
$this->memory_line($im,1);
//文字
$word=mb_convert_encoding($this->title,"UTF-8","auto")." Max:".number_format($this->graph_max)." 1memory:".number_format($this->graph_max/10);
imagettftext($im,$this->font_size,0,10,15,$font_color,$this->fonts[3],$word);
//メイン
for($i=0;$i<sizeof($this->data);++$i) {
$x2=$this->data[$i][1]/$this->graph_max*$this->frame_width;
imagettftext($im,$this->font_size,0,5,$i*$this->between+20+$this->font_size+3,$font_color,$this->fonts[3],mb_convert_encoding($this->data[$i][0],"UTF-8","auto"));
$b_col=$this->make_color($this->bar_col_type,$this->bar_col_light);
$col=imagecolorallocate($im,$b_col[0],$b_col[1],$b_col[2]);
imagefilledrectangle($im,$this->txt_space,$i*$this->between+3+20,$x2+$this->txt_space,($i+1)*$this->between-1+20,$col);
}
imagepng($im);
imagedestroy($im);
}

//折れ線グラフ
function line_graph() {
$this->make_header();
$w=$this->create_x_y(0);
$this->frame_width=$w*sizeof($this->data);
$start=$this->start(); $im=$start[0]; $font_color=$start[1]; $colums_bg_color=$start[2];
$max="";
foreach($this->data as $d) {
if($d[1]>=$max) { $max=$d[1]; }
}
//カラム壁色
imagefilledrectangle($im,3+$this->txt_space,$this->v_sp+20,$this->frame_width-3+$this->txt_space+20,$this->frame_height,$colums_bg_color);
//グラフ枠線
$this->frame_line($im,0);
//薄い横線
$this->memory_line($im,0);
//文字
imagettftext($im,$this->font_size,0,$this->txt_space+10,15,$font_color,$this->fonts[3],mb_convert_encoding($this->title,"UTF-8","auto"));
imagettftext($im,10,-90,1,25,$font_color,$this->fonts[0],"Max:".number_format($this->graph_max)." 1memory:".number_format($this->graph_max/10));
//メイン
$x1=$this->txt_space+4; $y1=$this->v_sp+20;
imageantialias($im,true);
for($i=0;$i<sizeof($this->data);++$i) {
$b_col=$this->make_color($this->bar_col_type,$this->bar_col_light);
$col=imagecolorallocate($im,$b_col[0],$b_col[1],$b_col[2]);
$x2=$i*$this->between+6+$this->txt_space;
$y2=($this->graph_max-$this->data[$i][1])/$this->graph_max*$this->v_sp+20;
imageline($im,$x1,$y1,$x2,$y2,$col);
imagefilledarc($im,$x2,$y2,5,5,0,360,$col,IMG_ARC_PIE);
imagefilledarc($im,$x2,$y2,2,2,0,360,imagecolorallocate($im,255,255,255),IMG_ARC_PIE);
imagettftext($im,$this->font_size,-90,$i*$this->between+5+$this->txt_space,$this->v_sp+2+20,$font_color,$this->fonts[3],mb_convert_encoding($this->data[$i][0],"UTF-8","auto"));
$x1=$x2; $y1=$y2;
}
imagepng($im);
imagedestroy($im);
}

//円グラフ
function circle_graph() {
if(sizeof($this->data)>30) { die("項目数が30を超え、多すぎます。円グラフには不向きです"); }
$this->make_header();
$w=$this->create_x_y(1);
$this->frame_height=$w*sizeof($this->data);
if($this->frame_height<$this->frame_width) { $this->frame_height=$this->frame_width; }
if($this->frame_height-20<$this->frame_width) { $this->frame_height=$this->frame_width+20; }
$dia=$this->frame_width-20-10;
$cx=($this->frame_width-10)/2+$this->txt_space+5;
$cy=20+($this->frame_height)/2;
$im=imagecreate($this->frame_width+$this->txt_space,$this->frame_height+20);
$bg=$this->change_color_code($this->bgcolor,16);
$bg_color=imagecolorallocate($im,$bg[0],$bg[1],$bg[2]);
$fc=$this->change_color_code($this->font_color,16);
$font_color=imagecolorallocate($im,$fc[0],$fc[1],$fc[2]);
$colums_bg_color=imagecolorallocatealpha($im,$bg[0],$bg[1],$bg[2],100);
//円描画
imageellipse($im,$cx,$cy,$dia,$dia,$bg_color);
//カラム壁色
imagefilledrectangle($im,0,20,$this->txt_space,$this->frame_height+20,$colums_bg_color);
//文字
imagettftext($im,$this->font_size,0,$this->txt_space+10,15,$font_color,$this->fonts[3],mb_convert_encoding($this->title,"UTF-8","auto"));
//メイン
$total=0;
foreach($this->data as $d) {
$total+=$d[1];
}
imageantialias($im,true);
$s=-90;
for($i=0;$i<sizeof($this->data);++$i) {
$e=$s+$this->data[$i][1]/$total*360;
if($e<0) { $e=$e+360; }
$b_col=$this->make_color($this->bar_col_type,$this->bar_col_light);
$col=imagecolorallocate($im,$b_col[0],$b_col[1],$b_col[2]);
imagefilledarc($im,$cx,$cy,$dia,$dia,$s,$e,$col,IMG_ARC_PIE);
$word=mb_convert_encoding($this->data[$i][0],"UTF-8","auto")."(".number_format($this->data[$i][1]/$total*100,1)."%)";
imagettftext($im,$this->font_size,0,5,$i*$this->between+20+$this->font_size+3,$col,$this->fonts[3],$word);
$s=$e;
}
//グラフ枠線
imageline($im,0,20,$this->frame_width+$this->txt_space,20,imagecolorallocate($im,150,0,0));
imageline($im,$this->txt_space+3,0,$this->txt_space+3,$this->frame_height,imagecolorallocate($im,150,0,0));
imageline($im,$cx,20,$cx,$this->frame_height+20,imagecolorallocate($im,150,0,0));
imageline($im,$this->txt_space+4,$cy,$this->txt_space+$this->frame_width,$cy,imagecolorallocate($im,150,0,0));
imagepng($im);
imagedestroy($im);
}

}

お礼

ありがとうございます。大変参考になりました。
結局jpgraphを利用してみることにしました。こちらも日本語マニュアルがないようで苦労しそうですが。