Phpdiagram - Static Example.html

Static Example.html:

<HTML><HEAD></HEAD>
<BODY bgcolor="#eeeeee">
<table border=1><tr><td><IMG src="static_example1.png" usemap="#map1" border=0></td></tr></table>
<map name="map1">
<area shape=rect coords='560, 230, 630, 250' title='Developer' alt='Developer' href='javascript:ShowPhoneNum(2)'>
<area shape=rect coords='480, 150, 550, 170' title='Assistant' alt='Assistant' href='javascript:ShowPhoneNum(1)'>
<area shape=rect coords='520, 50, 590, 70' title='Project Manager' alt='Project Manager' href='javascript:ShowPhoneNum(0)'>
<area shape=rect coords='60, 215, 333, 231' title='Developer' alt='Developer' href='javascript:ShowPhoneNum(2)'>
<area shape=rect coords='60, 198, 288, 214' title='Assistant' alt='Assistant' href='javascript:ShowPhoneNum(1)'>
<area shape=rect coords='60, 181, 356, 197' title='Project Manager' alt='Project Manager' href='javascript:ShowPhoneNum(0)'>
<area shape=rect coords='128, 164, 333, 180' title='Developer' alt='Developer' href='javascript:ShowPhoneNum(2)'>
<area shape=rect coords='151, 147, 333, 163' title='Assistant' alt='Assistant' href='javascript:ShowPhoneNum(1)'>
<area shape=rect coords='174, 130, 288, 146' title='Project Manager' alt='Project Manager' href='javascript:ShowPhoneNum(0)'>
<area shape=rect coords='60, 113, 356, 129' title='Developer' alt='Developer' href='javascript:ShowPhoneNum(2)'>
<area shape=rect coords='174, 96, 402, 112' title='Assistant' alt='Assistant' href='javascript:ShowPhoneNum(1)'>
<area shape=rect coords='197, 79, 288, 95' title='Project Manager' alt='Project Manager' href='javascript:ShowPhoneNum(0)'>
<area shape=rect coords='60, 62, 311, 78' title='Developer' alt='Developer' href='javascript:ShowPhoneNum(2)'>
<area shape=rect coords='83, 46, 424, 62' title='Assistant' alt='Assistant' href='javascript:ShowPhoneNum(1)'>
<area shape=rect coords='197, 29, 424, 45' title='Project Manager' alt='Project Manager' href='javascript:ShowPhoneNum(0)'>
<area shape=rect coords='60, 20, 470, 240' title='Click on a bar to get the phone number' alt='Click on a bar to get the phone number'>
</map>
<script language="JavaScript">
Name=new Array("Peter", "Paul", "Mike");
Phone=new Array("000-11-23", "123-45-67", "333-66-99");
function ShowPhoneNum(ii){ alert("Dial "+Phone[ii]+" to speak with "+Name[ii]+"."); }
</script>
<table border=1><tr><td><IMG src="static_example2.png" usemap="#map2" border=0></td></tr></table>
<map name="map2">
<area shape=circle coords='470, 119, 6' title='46 $' alt='46 $'>
<area shape=circle coords='444, 111, 6' title='49 $' alt='49 $'>
<area shape=circle coords='419, 127, 6' title='43 $' alt='43 $'>
<area shape=circle coords='393, 125, 6' title='44 $' alt='44 $'>
<area shape=circle coords='368, 125, 6' title='44 $' alt='44 $'>
<area shape=circle coords='342, 125, 6' title='44 $' alt='44 $'>
<area shape=circle coords='316, 138, 6' title='39 $' alt='39 $'>
<area shape=circle coords='291, 146, 6' title='36 $' alt='36 $'>
<area shape=circle coords='265, 167, 6' title='28 $' alt='28 $'>
<area shape=circle coords='239, 180, 6' title='23 $' alt='23 $'>
<area shape=circle coords='214, 180, 6' title='23 $' alt='23 $'>
<area shape=circle coords='188, 180, 6' title='23 $' alt='23 $'>
<area shape=circle coords='163, 193, 6' title='18 $' alt='18 $'>
<area shape=circle coords='137, 206, 6' title='13 $' alt='13 $'>
<area shape=circle coords='111, 203, 6' title='14 $' alt='14 $'>
<area shape=circle coords='86, 209, 6' title='12 $' alt='12 $'>
<area shape=circle coords='60, 206, 6' title='13 $' alt='13 $'>
<area shape=circle coords='470, 96, 6' title='55 $' alt='55 $'>
<area shape=circle coords='444, 80, 6' title='61 $' alt='61 $'>
<area shape=circle coords='419, 90, 6' title='57 $' alt='57 $'>
<area shape=circle coords='393, 90, 6' title='57 $' alt='57 $'>
<area shape=circle coords='368, 101, 6' title='53 $' alt='53 $'>
<area shape=circle coords='342, 101, 6' title='53 $' alt='53 $'>
<area shape=circle coords='316, 106, 6' title='51 $' alt='51 $'>
<area shape=circle coords='291, 119, 6' title='46 $' alt='46 $'>
<area shape=circle coords='265, 111, 6' title='49 $' alt='49 $'>
<area shape=circle coords='239, 98, 6' title='54 $' alt='54 $'>
<area shape=circle coords='214, 109, 6' title='50 $' alt='50 $'>
<area shape=circle coords='188, 125, 6' title='44 $' alt='44 $'>
<area shape=circle coords='163, 117, 6' title='47 $' alt='47 $'>
<area shape=circle coords='137, 125, 6' title='44 $' alt='44 $'>
<area shape=circle coords='111, 140, 6' title='38 $' alt='38 $'>
<area shape=circle coords='86, 151, 6' title='34 $' alt='34 $'>
<area shape=circle coords='60, 151, 6' title='34 $' alt='34 $'>
<area shape=circle coords='470, 140, 6' title='38 $' alt='38 $'>
<area shape=circle coords='444, 135, 6' title='40 $' alt='40 $'>
<area shape=circle coords='419, 122, 6' title='45 $' alt='45 $'>
<area shape=circle coords='393, 130, 6' title='42 $' alt='42 $'>
<area shape=circle coords='368, 132, 6' title='41 $' alt='41 $'>
<area shape=circle coords='342, 119, 6' title='46 $' alt='46 $'>
<area shape=circle coords='316, 106, 6' title='51 $' alt='51 $'>
<area shape=circle coords='291, 111, 6' title='49 $' alt='49 $'>
<area shape=circle coords='265, 111, 6' title='49 $' alt='49 $'>
<area shape=circle coords='239, 119, 6' title='46 $' alt='46 $'>
<area shape=circle coords='214, 104, 6' title='52 $' alt='52 $'>
<area shape=circle coords='188, 106, 6' title='51 $' alt='51 $'>
<area shape=circle coords='163, 106, 6' title='51 $' alt='51 $'>
<area shape=circle coords='137, 119, 6' title='46 $' alt='46 $'>
<area shape=circle coords='111, 117, 6' title='47 $' alt='47 $'>
<area shape=circle coords='86, 109, 6' title='50 $' alt='50 $'>
<area shape=circle coords='60, 104, 6' title='52 $' alt='52 $'>
</map>
<table border=1><tr><td><IMG src="static_example3.png" usemap="#map3" border=0></td></tr></table>
<map name="map3">
<area shape=rect coords='419, 226, 439, 240' title='1 days' alt='1 days'>
<area shape=rect coords='384, 158, 404, 240' title='6 days' alt='6 days'>
<area shape=rect coords='349, 76, 369, 90' title='1 days' alt='1 days'>
<area shape=rect coords='349, 90, 369, 131' title='3 days' alt='3 days'>
<area shape=rect coords='349, 131, 369, 240' title='8 days' alt='8 days'>
<area shape=rect coords='314, 49, 334, 117' title='5 days' alt='5 days'>
<area shape=rect coords='314, 117, 334, 172' title='4 days' alt='4 days'>
<area shape=rect coords='314, 172, 334, 240' title='5 days' alt='5 days'>
<area shape=rect coords='279, 158, 299, 172' title='1 days' alt='1 days'>
<area shape=rect coords='279, 172, 299, 185' title='1 days' alt='1 days'>
<area shape=rect coords='279, 185, 299, 240' title='4 days' alt='4 days'>
<area shape=rect coords='245, 199, 265, 213' title='1 days' alt='1 days'>
<area shape=rect coords='245, 213, 265, 240' title='2 days' alt='2 days'>
<area shape=rect coords='210, 226, 230, 240' title='1 days' alt='1 days'>
<area shape=rect coords='175, 199, 195, 240' title='3 days' alt='3 days'>
<area shape=rect coords='140, 226, 160, 240' title='1 days' alt='1 days'>
<area shape=rect coords='105, 199, 125, 240' title='3 days' alt='3 days'>
<area shape=rect coords='70, 226, 90, 240' title='1 days' alt='1 days'>
</map>
<code>
<?php
 include ("diagram.php");
 ?>
 <HTML><HEAD></HEAD>
 <BODY bgcolor="#eeeeee">
 <?
 //1st diagram
 $D1=new Diagram();
 $D1->Img=@ImageCreate(640, 280) or die("Cannot create a new GD image.");
 ImageColorAllocate($D1->Img, 255, 255, 255); //background color
 $D1->SetFrame(60, 20, 470, 240);
 $D1->SetBorder(
 UTC(2001, 12, 1, 8, 0, 0), UTC(2001, 12, 1, 17, 0, 0),
 UTC(2003, 1, 1, 0, 0, 0), UTC(2001, 12, 1, 0, 0, 0));
 $D1->XScale=2;
 $D1->YScale=2;
 $D1->SetText("", "", "Our Call Service 2002");
 $D1->Font=2;
 $D1->Draw("#C0C080", "#004080", false, "Click on a bar to get the phone number");
 $Name=array("Peter", "Paul", "Mike");
 $Job=array("Project Manager", "Assistant", "Developer");
 $Color=array("#FF0000" , "#00FF00" , "#0000FF");
 $BGColor=array("#000000" , "#000000" , "#FFFFFF");
 $Phone=array("000-11-23", "123-45-67", "333-66-99");
 $D1->BFont=3;
 for ($i=0; $i<12; $i++) $D1->Bar(
 $D1->ScreenX(UTC(2001, 12, 1, 8+rand(0, 3), 30*rand(0, 1), 0)),
 $D1->ScreenY(UTC(2002, $i+1, 1, 0, 0, 0))-8,
 $D1->ScreenX(UTC(2001, 12, 1, 13+rand(0, 3), 30*rand(0, 1), 0)),
 $D1->ScreenY(UTC(2002, $i+1, 1, 0, 0, 0))+8,
 $Color[$i%3], $Name[$i%3], $BGColor[$i%3], $Job[$i%3], "ShowPhoneNum(". $i%3 .")");
 $D1->BFont=5;
 $D1->Arrow(550, 75, 515, 145, $Color[0], 2);
 $D1->Arrow(515, 175, 585, 225, "#000000", 1);
 $D1->Arrow(560, 75, 600, 225, $Color[2], 3);
 $D1->Box(520, 50, 590, 70, $Color[0], $Name[0], $BGColor[0], 2, "#000000", $Job[0], "ShowPhoneNum(0)");
 $D1->Box(480, 150, 550, 170, $Color[1], $Name[1], $BGColor[1], 2, "#000000", $Job[1], "ShowPhoneNum(1)");
 $D1->Box(560, 230, 630, 250, $Color[2], $Name[2], $BGColor[2], 2, "#000000", $Job[2], "ShowPhoneNum(2)");
 ImagePng($D1->Img, "static_example1.png");
 ImageDestroy($D1->Img);
 ?>
 <table border=1><tr><td><IMG src="static_example1.png" usemap="#map1" border=0></td></tr></table>
 <map name="map1">
 <?echo $D1->ImgMapData?>
 </map>
 <script language="JavaScript">
 Name=new Array("Peter", "Paul", "Mike");
 Phone=new Array("000-11-23", "123-45-67", "333-66-99");
 function ShowPhoneNum(ii){ alert("Dial "+Phone[ii]+" to speak with "+Name[ii]+"."); }
 </script>
 <?
 
 //2nd diagram
 $D2=new Diagram();
 $D2->Img=@ImageCreate(640, 280) or die("Cannot create a new GD image.");
 ImageColorAllocate($D2->Img, 255, 255, 255); //background color
 $D2->SetFrame(60, 30, 470, 240);
 $D2->SetBorder(UTC(2001, 12, 1, 0, 0, 0), UTC(2001, 12, 17, 0, 0, 0), 0, 80);
 $D2->XScale=2;
 $D2->YScale=" $";
 $D2->SetText("", "", "prices of some selected goods");
 $D2->SetGridColor("#DDDDFF", "");
 $D2->Draw("#C0C0FF", "#004080", false);
 $Color=array("#FF0000", "#FF8000", "#FFFF00");
 $Price=array(3);
 for ($i=0; $i<3; $i++) $Price[$i]=array(17);
 for ($i=0; $i<3; $i++)
 { $Price[$i][0]=50-20*$i+rand(0, 4);
   $D2->Dot($D2->ScreenX(UTC(2001, 12, 1, 0, 0, 0)), $D2->ScreenY($Price[$i][0]),
     12, $i, $Color[$i], $Price[$i][0]." $");
   for ($j=1; $j<17; $j++)
   { $Price[$i][$j]=$Price[$i][$j-1]+rand(0, 10)-4+2*$i-rand(0, 2*$i+2);
     $D2->Dot($D2->ScreenX(UTC(2001, 12, $j+1, 0, 0, 0)), $D2->ScreenY($Price[$i][$j]),
       12, $i, $Color[$i], $Price[$i][$j]." $");
   }
 }
 $D2->Bar(490, 50, 570, 70, $Color[0], "apples", "#000000");
 $D2->Bar(490, 90, 570, 110, $Color[1], "oranges", "#000000");
 $D2->Bar(490, 130, 570, 150, $Color[2], "bananas", "#000000");
 ImagePng($D2->Img, "static_example2.png");
 ImageDestroy($D2->Img);
 ?>
 <table border=1><tr><td><IMG src="static_example2.png" usemap="#map2" border=0></td></tr></table>
 <map name="map2">
 <?echo $D2->ImgMapData?>
 </map>
 <?
 
 //3rd diagram
 $nInterval=21;
 $PriceCount=array(3);
 for ($i=0; $i<3; $i++) $PriceCount[$i]=array($nInterval);
 for ($i=0; $i<3; $i++)
 { for ($j=0; $j<$nInterval; $j++) $PriceCount[$i][$j]=0;
 }
 $xmin=$Price[0][0];
 $xmax=$Price[0][0];
 for ($i=0; $i<3; $i++)
 { for ($j=0; $j<17; $j++)
   { if ($xmin>$Price[$i][$j]) $xmin=$Price[$i][$j];
     if ($xmax<$Price[$i][$j]) $xmax=$Price[$i][$j];
   }
 }
 $i=$xmax-$xmin;
 $xmin-=0.1*$i;
 $xmax+=0.1*$i;
 $D3=new Diagram();
 $D3->Img=@ImageCreate(640, 280) or die("Cannot create a new GD image.");
 ImageColorAllocate($D3->Img, 255, 255, 255); //background color
 $D3->SetFrame(60, 30, 470, 240);
 $D3->SetBorder($xmin, $xmax, 0, 1);
 $D3->XScale=" $";
 $D3->GetXGrid();
 for ($i=0; $i<3; $i++)
 { for ($j=0; $j<17; $j++)
     $PriceCount[$i][GetInterval($D3->XGrid[0], $D3->XGrid[1], $D3->XGrid[2], $Price[$i][$j])]++;
 }
 $ymin=0; $ymax=0;
 for ($i=0; $i<$nInterval; $i++)
 { if ($ymax<$PriceCount[0][$i]+$PriceCount[1][$i]+$PriceCount[2][$i])
     $ymax=$PriceCount[0][$i]+$PriceCount[1][$i]+$PriceCount[2][$i];
 }
 $ymax*=1.1;
 $D3->SetBorder($xmin, $xmax, $ymin, $ymax);
 $D3->SetText("", "", "distribution of prices");
 $D3->Draw("#A0C0A0", "#004080", false);
 for ($j=0; $j<$nInterval; $j++)
 { $i=$D3->ScreenX($D3->XGrid[0]+$j*$D3->XGrid[1]/2);
   $ymin=$D3->ScreenY(0);
   $ymax=$D3->ScreenY($PriceCount[0][$j]);
   if ($PriceCount[0][$j]>0)
     $D3->Box($i-10, $ymax, $i+10, $ymin, $Color[0], "", "#000000", 1, "#0000ff", $PriceCount[0][$j] ." days");
   $ymin=$ymax;
   $ymax=$D3->ScreenY($PriceCount[0][$j]+$PriceCount[1][$j]);
   if ($PriceCount[1][$j]>0)
     $D3->Box($i-10, $ymax, $i+10, $ymin, $Color[1], "", "#000000", 1, "#0000ff", $PriceCount[1][$j] ." days");
   $ymin=$ymax;
   $ymax=$D3->ScreenY($PriceCount[0][$j]+$PriceCount[1][$j]+$PriceCount[2][$j]);
   if ($PriceCount[2][$j]>0)
     $D3->Box($i-10, $ymax, $i+10, $ymin, $Color[2], "", "#000000", 1, "#0000ff", $PriceCount[2][$j] ." days");
 }
 $D3->Box(490, 50, 570, 70, $Color[0], "apples", "#000000", 1, "#0000ff");
 $D3->Box(490, 90, 570, 110, $Color[1], "oranges", "#000000", 1, "#0000ff");
 $D3->Box(490, 130, 570, 150, $Color[2], "bananas", "#000000", 1, "#0000ff");
 function GetInterval($mmin, $ddelta, $mmax, $vvalue)
 { $nn=0;
   for ($ii=$mmin; $ii<$mmax; $ii+=$ddelta/2)
   { if ($vvalue<$ii+$ddelta/4) return($nn);
     $nn++;
   }
   return($nn);
 }
 ImagePng($D3->Img, "static_example3.png");
 ImageDestroy($D3->Img);
 ?>
 <table border=1><tr><td><IMG src="static_example3.png" usemap="#map3" border=0></td></tr></table>
 <map name="map3">
 <?echo $D3->ImgMapData?>
 </map>
 </BODY>
 </HTML>
</code>
</BODY>
</HTML>

Other Graphs And Charts Scripts:

Advgraphtrial

Php3dlib

Phpdiagram

Phpdiagram > Static Example.html

Archive Content:

Static Example.html:

Other Graphs And Charts Scripts: