I am using the code below to chart subject and grade in one image. It is working great for just one chart (image) to display. But now I want to change the values and have a second chart (image) display directly underneath it so i figured i would just copy the code, and paste it again right underneath itself and just change the values for the second chart (image). However only the first image displays when i did this. Why is that?? What am i doing wrong??
CODE:
// values for image 1
$math = 100;
$science = 100;
$language = 80;
$socialstudies = 70;
$reading = 100;
$pe = 89;
$other = 70;
/ chart.php /
$data = array(
"MATH $math" => $math,
"SCIENCE $science" => $science,
"LANGUAGE $language" => $language,
"S.S. $socialstudies" => $socialstudies,
"READING $reading" => $reading,
"P.E. $pe" => $pe,
"OTHER $other" => $other);
header("Content-type: image/jpeg"); // or "Content-type: image/png"
// create image
$width = 600;
$height = 250;
$image = imagecreate($width, $height);
// colors
$white = imagecolorallocate($image, 0xFF, 0xFF, 0xFF);
$navy = imagecolorallocate($image, 0x00, 0x00, 0x80);
$black = imagecolorallocate($image, 0x00, 0x00, 0x00);
$gray = imagecolorallocate($image, 0xC0, 0xC0, 0xC0);
// layout
$maxval = 100;
$nval = sizeof($data);
$vmargin = 20; // top (bottom) vertical margin for title (x-labels)
$hmargin = 38; // left horizontal margin for y-labels
$base = floor(($width - $hmargin) / $nval); // distance between columns
$ysize = $height - 2 $vmargin; // y-size of plot
$xsize = $nval $base; // x-size of plot
// title
$titlefont = 5;
$title = "GRADES PERIOD 1 - 1st nine weeks";
$txtsz = imagefontwidth($titlefont) * strlen($title); // pixel-width of title
$xpos = (int)($hmargin + ($xsize - $txtsz)/2); // center the title
$xpos = max(1, $xpos); // force positive coordinates
$ypos = 3; // distance from top
imagestring($image, $titlefont, $xpos, $ypos, $title , $black);
// y labels and grid lines
$labelfont = 2;
$ngrid = 4; // number of grid lines
$dydat = $maxval / $ngrid; // data units between grid lines
$dypix = $ysize / ($ngrid + 1); // pixels between grid lines
for ($i = 0; $i <= ($ngrid + 1); $i++) {
// iterate over y ticks
// height of grid line in units of data
$ydat = (int)($i * $dydat);
// height of grid line in pixels
$ypos = $vmargin + $ysize - (int)($i*$dypix);
$txtsz = imagefontwidth($labelfont) * strlen($ydat); // pixel-width of label
$txtht = imagefontheight($labelfont); // pixel-height of label
$xpos = (int)(($hmargin - $txtsz) / 2);
$xpos = max(1, $xpos);
imagestring($image, $labelfont, $xpos,
$ypos - (int)($txtht/2), $ydat, $black);
if (!($i == 0) && !($i > $ngrid)) {
imageline($image, $hmargin - 3,
$ypos, $hmargin + $xsize, $ypos, $gray);
// don't draw at Y=0 and top
}
}
// columns and x labels
$padding = 3; // half of spacing between columns
$yscale = $ysize / (($ngrid+1) * $dydat); // pixels per data unit
for ($i = 0; list($xval, $yval) = each($data); $i++) {
// vertical columns
$ymax = $vmargin + $ysize;
$ymin = $ymax - (int)($yval*$yscale);
$xmax = $hmargin + ($i+1)*$base - $padding;
$xmin = $hmargin + $i*$base + $padding;
imagefilledrectangle($image, $xmin, $ymin, $xmax, $ymax, $navy);
// x labels
$txtsz = imagefontwidth($labelfont) * strlen($xval);
$xpos = $xmin + (int)(($base - $txtsz) / 2);
$xpos = max($xmin, $xpos);
$ypos = $ymax + 3; // distance from x axis
imagestring($image, $labelfont, $xpos, $ypos, $xval, $black);
}
ImageString($image, 2, 50, 30, "$test", $black);
// plot frame
imagerectangle($image, $hmargin, $vmargin,
$hmargin + $xsize, $vmargin + $ysize, $black);
// flush image
imagejpeg($image); // or imagepng($image)
// values for image 2
$math = 67;
$science = 76;
$language = 55;
$socialstudies = 60;
$reading = 68;
$pe = 45;
$other = 86;
AND THE CODE REPEATS EXACTLY THE SAME AS ABOVE.
Thanks for any help
Brian
