php生成柱状图

php生成柱状图  

  

设计思路

1.还是要首先确定纵轴的刻度值，确定纵轴的刻度最大值 2.然后根据得到的数据个数确定图像的宽度，这时就可以创建图像了 3.计算每个色柱的高度，用高度可以计算出色柱的填充范围 4.用直线画出坐标轴，标注刻度值 5.用矩形填充色柱，并在色柱上方标注数据值 6.用Html方式画出需要的横轴坐标名称 

实现过程

<?

$kuan =30; //色柱宽

$jiange =20; //色柱间间隔

$zuo =20; //左侧留空

$you =20; //右侧留空

$shang =20; //上留空

$xia =10; //下留空

$zuidashujuzhi =1; //初始化纵轴最大数据值

if ( $_GET [ "a" ]== "" ) die ( "error id:0" );

$shuju =split( "," , $_GET [ "a" ]);

//得到最大值

for ( $i =0; $i < count ( $shuju ); $i ++){

　　 if (! is_numeric ( $shuju [ $i ])) die ( "error id:1" );

　　 if ( $shuju [ $i ]> $zuidashujuzhi ) $zuidashujuzhi = $shuju [ $i ];

}

//计算图像宽度 

$img_kuan = $zuo + $you + $jiange + count ( $shuju )*( $kuan + $jiange );

//图像高 

$img_gao =170;

//存储色柱高度的数组

$zhugaodu = array ();

$image = imagecreate( $img_kuan , $img_gao );

$white = imagecolorallocate( $image , 0xEE, 0xEE, 0xEE);

//色柱颜色

$shuju_yanse = array (

　　imagecolorallocate( $image , 0x97, 0xbd, 0x00),

　　imagecolorallocate( $image , 0x00, 0x99, 0x00),

　　imagecolorallocate( $image , 0xcc, 0x33, 0x00),

　　imagecolorallocate( $image , 0xff, 0xcc, 0x00),

　　imagecolorallocate( $image , 0x33, 0x66, 0xcc),

　　imagecolorallocate( $image , 0x33, 0xcc, 0x33),

　　imagecolorallocate( $image , 0xff, 0x99, 0x33),

　　imagecolorallocate( $image , 0xcc, 0xcc, 0x99),

　　imagecolorallocate( $image , 0x99, 0xcc, 0x66),

　　imagecolorallocate( $image , 0x66, 0xff, 0x99)

);

  

//坐标轴颜色

$zuobiao_yanse = imagecolorallocate( $image , 0x00, 0x00, 0x00);

//横轴

imageline ( $image , $zuo , $img_gao - $xia , $img_kuan - $you /2, $img_gao - $xia , $zuobiao_yanse );

//纵轴

imageline ( $image , $zuo , $shang /2, $zuo , $img_gao - $xia , $zuobiao_yanse );

  

//纵轴刻度，纵轴上共标注4个点，所以这里分别计算即可

imageline ( $image , $zuo , $shang , $zuo +6, $shang , $zuobiao_yanse );

imagestring ( $image , 3, $zuo /4, $shang , round ( $zuidashujuzhi ), $zuobiao_yanse );

imageline ( $image , $zuo , $shang +( $img_gao - $shang - $xia )*1/4, $zuo +6, round ( $shang +( $img_gao - $shang - $xia )*1/4), $zuobiao_yanse );

imagestring ( $image , 3, $zuo /4, $shang +( $img_gao - $shang - $xia )*1/4, round ( $zuidashujuzhi *3/4), $zuobiao_yanse );

imageline ( $image , $zuo , $shang +( $img_gao - $shang - $xia )*2/4, $zuo +6, $shang +( $img_gao - $shang - $xia )*2/4, $zuobiao_yanse );

imagestring ( $image , 3, $zuo /4, $shang +( $img_gao - $shang - $xia )*2/4, round ( $zuidashujuzhi *2/4), $zuobiao_yanse );

imageline ( $image , $zuo , $shang +( $img_gao - $shang - $xia )*3/4, $zuo +6, $shang +( $img_gao - $shang - $xia )*3/4, $zuobiao_yanse );

imagestring ( $image , 3, $zuo /4, $shang +( $img_gao - $shang - $xia )*3/4, round ( $zuidashujuzhi *1/4), $zuobiao_yanse );

  

//得到每个柱的高度

for ( $i =0; $i < count ( $shuju ); $i ++){

　　 array_push ( $zhugaodu , round (( $img_gao - $shang - $xia )* $shuju [ $i ]/ $zuidashujuzhi ));

}

//画数据柱

$shuju_yanse_int =0;

for ( $i =0; $i < count ( $shuju ); $i ++){

　　imagefilledrectangle( $image , $zuo + $jiange + $i *( $kuan + $jiange ), $shang +( $img_gao - $shang - $xia )- $zhugaodu [ $i ], $zuo + $jiange + $i *( $kuan + $jiange )+ $kuan ,( $img_gao - $xia )-1 , $shuju_yanse [ $shuju_yanse_int ]);

//因为只定义了10种颜色，所以这里做一个循环　　

　　 if ( $shuju_yanse_int ==9){

　　　　 $shuju_yanse_int =0;

　　} else {

　　　　 $shuju_yanse_int ++;

　　}

}

//标注数据柱上方数据值

for ( $i =0; $i < count ( $shuju ); $i ++){

　　imagestring ( $image , 1, $zuo + $jiange + $i *( $kuan + $jiange )+2, $shang +( $img_gao - $shang - $xia )- $zhugaodu [ $i ]-10, $shuju [ $i ], $zuobiao_yanse );

}

header('Content-type: image/png');

imagepng( $image );

imagedestroy( $image );

?>

  

使用方法

在需要显示图像的位置插入如下代码

<img src= "zhu_img.php?a=5.4,2,30.2,4,0,6,7.7,3.8,2,3,4" />

其中a的值由你自己计算得出

a的文本格式是由“,”连接的若干个数据的字符串，get方式传入。

  

同样使用一个html解决方案，解决横轴刻度名称的问题：

根据数据个数的不同，动态生成一个表格放置横轴坐标刻度名称就行了，像这样

  

<table width= "550" border= "0" cellspacing= "0" cellpadding= "0" >

<tr align= "center" > 

<?

for ( $i =0; $i <12; $i ++) {

　　 echo "<td width=" 50 ">" . $i . "月</td>" ;

}

?>

</tr>

</table>