Chtěli byste si vytvořit na svých internetových stránkách počítadlo přístupů jako spojnicový graf a nevíte, jak na to? Tak se pozorně začtěte do následujících řádků. Není to nic složitého, a ještě se naučíte, jak se v PHP maluje.

Co nejdříve?

Aby vás PHP nechal kreslit a Explorer po vás váš výtvor "přečetl" , je nejprve bezpodmínečně nutné do souboru načíst určitou dll knihovnu podporující právě kreslení. Stačí na to jednoduchý příkaz. Na začátku do souboru vložíte tento kód:

dl ("php_gd.dll");

header("content_type: image/jpeg");

Definice konstant

DEFINE("nazev_konstanty",hodnota_konstanty);

DEFINE("mezera", 50);

DEFINE("max_x", mezera + 720 + mezera);

DEFINE("max_y", mezera + 400 + mezera);

DEFINE("popisx",30);

Konečně kreslení

Tak a teď jen zadat kód

$img =fnGraf();
ImageJPEG($img);

function fnGraf()

{

//nasledny kod budete vpisovat pred prikaz return

return $img;
}

Teď si vytvoříme plochu pro obrázek s rozměry max_x a max_y.

$img=ImageCreate(max_x,max_y);

$bgcolor=ImageColorAllocate($img,204,248,255);
//barva pozadi


$lncolor=ImageColorAllocate($img,0,0,0);
//barva lncolor

ImageLine($img,mezera,mezera,max_x-mezera,mezera,$lncolor); //horni cara
ImageLine($img,mezera,max_y - mezera,max_x-mezera,max_y-mezera,$lncolor); //dolni cara

ImageLine($img,mezera,mezera,mezera,max_y - mezera,$lncolor); //leva bocni cara
ImageLine($img,max_x - mezera,mezera,max_x - mezera,max_y - mezera,$lncolor); //prava bocni cara

$color = ImageColorAllocate($img,100,200,250);

ImageFill($img,60,60,$color);

První část je za námi.

Popis grafu - osa x

Jako první musíme popsat dolní osu x a to čísly od 0 do 23 - jako čísla hodin. Provedeme to jednoduchým cyklem.

$a=0;


while ($a < 24 )
{ 



ImageString($img,3,mezera + (popisx * $a) ,max_y - mezera,$a,$lncolor);


$a++;
}

Popis grafu - osa y

Nyní se nacházíme asi v nejtěžší části našeho projektu. Nejprve musíme z databáze zjistit maximální počet přístupů za daný den. Tento počet bude označovat vrchní hranici grafu. Poté musíme přepočítat přístupy na pixely a vytvořit spojnici. Ale pěkně po pořádku: Nejprve bych vám doporučoval stáhnout si zde moji vytvořenou MySQL tabulku counter. STAHUJ ZDE (2kb) - couter.sql

Do tabulky se zaznamenává mimo jiné den, měsíc a rok přístupu. Vybereme si tedy jeden den v roce a poté vygenerujeme graf. V mé tabulce je nejlepší použít datum 30.10.2003 - nadeklarujeme tedy proměnné:

$den=30;
$mesic=10;
$rok=2003 ;

$link = mysql_connect("localhost","counter","vase_heslo");

$b = 0;


while ($b<24)//24 hodin  - potrebuji zjistit pocet pristupu za kazdou hodinu
{

$select="SELECT count(*) FROM counter WHERE den=$den AND mesic=$mesic AND rok=$rok and hod=$b";
$res=mysql_db_query("jmeno_databaze",$select,$link);
$ar=mysql_fetch_row($res);

$pristup[$b]=$ar[0];

mysql_free_result($res);

$b++;

}
mysql_close($link);

$max=MAX($pristup);

ImageString($img,5,mezera + popisx + popisx  ,max_y - mezera + 30,$max,$lncolor);

$popisy=20;

$l=1;

while($l<=19)
{

ImageLine($img,mezera,max_y - mezera - $popisy * $l,max_x-mezera,max_y -mezera - $popisy  * $l,$lncolor);
  //linkovani

$l++;
}

$y_value=$max / 400 ;

$d = 1;
while ($d<=20)
{

ImageString($img,3,mezera - 20,max_y - mezera - $popisy * $d - 5,($y_value * 20 * $d),$lncolor); 
//5 je v tomto pripade jakasi solichalova konstanta na dorovnani nerovnosti

$d++;
}

$d = 1;
while ($d<=20)
{

ImageString($img,3,mezera - 20,max_y - mezera - $popisy * $d - 5,ROUND($y_value * 20 * $d),$lncolor); 
//5 je v tomto pripade jakasi solichalova konstanta na dorovnani nerovnosti

$d++;
}

Vynesení spojnicového grafu

Nyní už do připraveného pole vyneseme spojnicový graf. Ve výše zmiňovaném poli $pristup[] máme zaznamenány hodnoty přístupů na stránky v určitých hodinách. Teď pomocí cyklu do grafu vyneseme body - hodnoty přístupů (na ose y) v určité hodiny (na ose x). Poté body spojíme již známým příkazem ImageLine. Tak do toho:

$pr=0;

$grcolor = ImageColorAllocate($img,500,0,0); //deklarace nove barvy pro spojnici grafu

while ($pr<24)
{

ImageLine($img,mezera + (popisx * $pr),max_y - mezera - ($pristup[$pr]/
$y_value),mezera + (popisx * ($pr + 1)),max_y - mezera -($pristup[($pr+1)]/
$y_value),$grcolor);

//vyse uvedeny prikaz ImageLine patri na jeden radek

$pr++;
}

Tak a to je vše, vypadá to poněkud komplikovaně, ale po bližším prozkoumání to ani komplikované není. Přesto zde pro zájemce dávám ke stažení soubor graf.php , který je opatřen přehlednými popisky a který vám po mírné úpravě např. jména databáze vykreslí celý spojnicový graf, který poté stačí jen vhodně zakomponovat do vašeho webu. Přeji hodně úspěchů! STAHUJ ZDE (2kb) - graf.php