Comments on: How to make a progress/goal (thermometer-like) bar graph with PHP

By: Brian

Brian — Mon, 29 Sep 2008 21:47:39 +0000

Sorry, the last post cut it short: here's the important part:

/*vertical bar*/
//imagefilledrectangle($im, 0, $vert_fill, $width, $height, $fg);

/*horizontal bar*/
imagefilledrectangle($im, 0, 0, $hor_fill, $height, $fg);

$percent_num = round(($current/$goal)*100);
if($percent_num >= 10 && $percent_num < 100)
$middle = $width/2-8;
elseif($percent_num < 10)
$middle = $width/2-5;
elseif($percent_num == 100)
$middle = $width/2-12;

/*vertical text*/
//imagestring($im, 3, 3, 1, $percent, $text_color);

/*horizontal text*/
imagestring($im, 3, $middle, 1, $percent, $text_color);

By: Brian

Brian — Mon, 29 Sep 2008 21:46:35 +0000

Here's the real Horizontal fix (the vertical bar is left in but commented out for safe switching)

$goal) {
$current = 100;
$percent= "100%!";
} else if ($current == "" || $current == "0") {
$percent = "0%";
} else {
$percent = round(($current/$goal)*100) . "%";
}

$im = @imagecreate($width,$height)
or die("Cannot Initialize new GD image stream");

$bg = ImageColorAllocate($im,200,200,200); // grey
$fg = ImageColorAllocate($im,0,150,255); //blue
$text_color = imagecolorallocate($im, 70, 70, 70); //dark grey

$vert_fill = height – (($current/$goal)*$height);
$hor_fill = (($current/$goal)*$width);

/*vertical bar*/
//imagefilledrectangle($im, 0, $vert_fill, $width, $height, $fg);

/*horizontal bar*/
imagefilledrectangle($im, 0, 0, $hor_fill, $height, $fg);

$percent_num = round(($current/$goal)*100);
if($percent_num >= 10 && $percent_num < 100)
$middle = $width/2-8;
elseif($percent_num

By: Martman

Martman — Tue, 22 Jul 2008 15:53:06 +0000

Hi, first of all great site, has helped me out on several occasions, just wondering if anyone could help me with a change to this php code.

instead of letting the php fill the completed (red) box, can the php be told to fill it up with a hosted image.

something along the lines of below is what i'm on about

$fg = ImageLink($im,"graph_fill.png");

any help would be appreiciated

By: dmpHOME

dmpHOME — Mon, 21 Jul 2008 17:55:00 +0000

how can I do something like that? http://www.btarg.com.ar/tracker/pic/chanchito.php

thanks!

By: Music Critic

Music Critic — Tue, 03 Jun 2008 21:18:21 +0000

That is very cool. I can think of a number of things to use this bar graph for. Thanks.

By: Nicholas Klick

Nicholas Klick — Wed, 21 May 2008 03:51:32 +0000

I had to replace my tags with parens I guess

echo"(div class=\"impactTitle\")$title (/div)(br/)(br/)";
echo"(div class=\"graph\")(div class=\"bar\" style=\"width: $percentage%\")$percentage%(/div)(/div)(div class=\"zero\")0(/div)(div class=\"graphNum\")$target(/div)(br/)(br/)";
echo"(div class=\"descrip\")$descrip(/div)(br/)(br/)(br/)(br/)";

By: Nicholas Klick

Nicholas Klick — Wed, 21 May 2008 03:47:23 +0000

Jennifer,

This is a nice method that I had not seen before. I like the use of straight php code for the bar graph.

We recently created a goal graph but used a horizontally tiled image (using nested div tags), overlaid on a BG-image. The width of the interior div inherits the percentage towards the goal.

You can view it here: http://www.fightwithfact.com/impact.php

We loop thru the goal data from our database and then print it out:

for ($i = 0; $i records); $i++)
{

$title = $goalListObj->records[$i]->title;
$descrip = $goalListObj->records[$i]->description;
$actual = $goalListObj->records[$i]->actualNumber;
$target = $goalListObj->records[$i]->targetNumber;
$percentage = round(($actual / $target) * 100) ;

echo"$title ";
echo"$percentage%0
$target";
echo"$descrip";

By: Jennifer

Jennifer — Tue, 06 May 2008 17:19:51 +0000

@Valerie
I believe you need to change the script with this line:
$fill = $height-(($current/$goal)*$height);
Instead of having the fill be calculated on the HEIGHT – you want it calculated to the WIDTH – so changing $height to $width where it appears in that line should do the trick… ?

By: Valerie

Valerie — Tue, 06 May 2008 16:55:44 +0000

hey, great tutorial.

was wondering how easy it would be to change it to be a horizontal bar graph, a bit like a ticker?

By: Aiko

Aiko — Mon, 03 Mar 2008 21:47:13 +0000

Great script ! Just what I was looking for. I'm using it on my sidebar and use PHP to specify the current value so it's fully automated now.

Thanks for sharing!