Dotaz: Graf v PHP

[Pavel]

Ahoj, potřeboval bych v php nejlépe vytvořit graf, který bude ukazovat sledovanou veličinu v určité délce intervalu. Tedy žádný sloupcový graf, těch jsem našel plno, ale nikde jak kreslit spojitou čáru. Jedinné řešení co mi napadá, je připojit databázi, nastavit osy a pak podle indexů kreslit čáru od jednoho bodu k dalšímu a tímto projet celou DB. Je to jedinné a správné řešení? Přijde mi to moc krkolomné.

Odpovědi

[Kit]

Musí to být v PHP? Pokud se budou data průběžně měnit, asi bych raději použil Flot.

[Pavel]

Díky, vypadá to zajímavě

[Josef Kufner]

Flot je dobrý nástroj. Párkrát jsem ho použil, funguje pěkně. Navíc to ušetří serveru práci s kreslením.

V PHP si vygeneruješ potřebná data a v Javascriptu se postaráš o zbytek. Obvykle uložím data v JSON do atributu nějakého divu a ten pak nechám obecným kusem Javascriptu přetvořit na graf.

[Šangala]

A jak jinak lze kresli spojnicový graf, než kreslit čáru od jednoho bodu k druhému, případně vytvořit třeba křivku?

[Kit]

Teď na to koukám. Vypadá to, že Pavel si asi myslí, že bude potřebovat víc než jeden SQL dotaz.

[Pavel]

To je jasný, ale čekal jsem, že bude existovat nějaká funkce, které předám vstupní data a parametry a sama už potřebné udělá sama

[Šangala]

Příloha:

• chartphp.png (13894 bytů)

Ju, takže hledáš PHP knihovnu na grafy. Těch je roj (phpChart, pChart).
Nebo si napiš vlastní fci, schválně jsem se jukl jak jsem to řešil před více než deseti lety, kdy PHP5 bylo předmětem debat v anarchistických kroužcích, je to sice zmatený kód a nebylo to zas tak moc řádků (pominu-li tu spline-u) viz příloha - člověk si aspoň pohraje, jdi do toho .

[gsnak]

GD (standardna sucast php) obsahuje funkcie na kreslenie (ciary, texty, ...) a potom je mozne ulozit alebo priamo obrazit png/jpg/gif subor, pozri: imageline, imagepng, atd... XY graf je kodu tak na 15-20 riadkov.

[Pavel]

Tak jsem se rozhodl, že napřed se naučim vytvářet obrázky v PHP a poté v JS. V php mam kus kodu a obrázek zobrazuju takto: header("Content-type: image/jpeg ");

imagepng($im);

Ale to mi nastaví i prohlížeč pro zobrazení obrázku a nemohu ho zobrazit v textu. Napadají mi jen prasárny jak to udělat, typu vložit stránku do stránky...

[Kit]

V textu použiješ odkaz <img src="obrazek...

Ten obrázek můžeš vložit i inline zakódováním do Base64, ale moc často se to nedělá.

[Pavel]

to znamená že ten obrázek musím napřed uložit? To mi právě napadlo, ale myslel jsem, že místo cesty uvedu nějak proměnou s obrázkem.

[Kit]

Vůbec ho ukládat nemusíš. Prostě ho vygeneruješ ve chvíli, kdy je požadován od klienta.

[Pavel]

Nechápu, můžeš prosím poslat nějaký kus kodu s tim generováním a následným zobrazením, jsem asi natvrdlej

[Josef Kufner]

Atribut src neobsahuje název souboru, ale URL. Tu URL, kterou používáš, když koukáš na samotný obrázek.

[R]

image/jpeg a hned za tym imagepng? To asi nebude dobre...

[Šangala]

Soubor img.php (generovaný obrázek):

<?php
$im = imagecreate(100,50)
    or die ('Error');//?
$v = 0;
if(isset($_GET['var']))
  $v = (int) $_GET['var'];
if(($v > 255)||($v < 0))  
  $v=128;
$bgcolor = imagecolorallocate($im,$v,64,16);
$c1 = imagecolorallocate($im,250,250,250);
$c2 = imagecolorallocate($im,0,64,250);
$c3 = imagecolorallocate($im,0,0,0);
imagefilledellipse ($im,25,25,30,20,$c1);
imageellipse ($im,25,25,30,20,$c3 );
imagefilledellipse($im,27,26,16,14,$c2);
imageellipse($im,27,26,16,14,$c3);
imagefilledellipse($im,27,26,8,10,$c3);
imagecopy($im,$im,60,10,10,10,30,30);

header ('Content-type: image/png');
imagepng($im);    
imagedestroy($im);
exit();

Soubor test.html (stránka používající obrázek) obsahuje:

<img src="./img.php?var=128" alt="Oka" title="Oka" width="100" height="50" />

PS: Neplantat formáty obrázků!

[Tarmaq]

mas tam chybu, v alt/title ma byt "Oči" ;]

[Šangala]

Na moje oka mi nesahej.

[Pavel]

Takže to je tak jak jsem myslel. Místo obrázku musím vlastně vložit jinou stránku kde ten obrázek generuji. Čekal jsem že bude existovat třeba nějaká funkce

img src=imagepng($im) alt="Oka" title="Oka" width="100" height="50" />

[gsnak]

Ale atribut SRC v tagu IMG chce url, jak tam mozes dat data? To proste nie je standardne html. Ukladat ho nemusis, url moze byt php stranka ktora vracia obrazok.

[Šangala]

…jak tam mozes dat data?

Takto, ale nemyslím, že je to vhodné.

[Šangala]

Na základě tvého příkladu, doporučuji se zamyslet nebo přečíst nějakou dokumentaci k html .

Kit ti psal, a je to z logiky věci jak funguje html - jsou v zásadě jen dvě možnosti jednu jsem už uvedl a druhá je zde.

Ukázka, dle mého nevhodná:

<?php
function getImage($v){
  ob_start();
  $im = imagecreate(100,50)
      or die ('Error');
  if(($v > 255)||($v < 0))  
    $v=128;
  $bgcolor = imagecolorallocate($im,$v,64,16);
  $c1 = imagecolorallocate($im,250,250,250);
  $c2 = imagecolorallocate($im,64,128,250);
  $c3 = imagecolorallocate($im,0,0,0);
  imagefilledellipse ($im,25,25,30,20,$c1);
  imageellipse ($im,25,25,30,20,$c3 );
  imagefilledellipse($im,27,26,16,14,$c2);
  imageellipse($im,27,26,16,14,$c3);
  imagefilledellipse($im,27,26,8,10,$c3);
  imagecopy($im,$im,60,10,10,10,30,30);
  imagepng($im);    
  $imData = ob_get_contents();
  ob_clean();
  imagedestroy($im);
  echo 'data:image/png;base64,',base64_encode($imData);  
}
?>
<img src="<?php getImage(128);?>" alt="Zapouzdřená oka" title="Zapouzdřená oka" width="100" height="50" />

Samozřejmě lze ještě věc ↓ (příklad neřeší práva zápisu a cesty), ale je to variace na totéž.

<?php
function getImage($v){
  $im = imagecreate(100,50)
      or die ('Error');
  if(($v > 255)||($v < 0))  
    $v=128;
  $filename = "oka_$v.png";
  if(!file_exists($filename)){    
    $bgcolor = imagecolorallocate($im,$v,64,16);
    $c1 = imagecolorallocate($im,250,250,250);
    $c2 = imagecolorallocate($im,64,128,250);
    $c3 = imagecolorallocate($im,0,0,0);
    imagefilledellipse ($im,25,25,30,20,$c1);
    imageellipse ($im,25,25,30,20,$c3 );
    imagefilledellipse($im,27,26,16,14,$c2);
    imageellipse($im,27,26,16,14,$c3);
    imagefilledellipse($im,27,26,8,10,$c3);
    imagecopy($im,$im,60,10,10,10,30,30);
    imagepng($im,$filename);    
    imagedestroy($im);
  }
  echo $filename;  
}
?>
<img src="<?php getImage(128);?>" alt="Množící se oka" title="Množící se oka" width="100" height="50" />

Pokud daný obrázek je využitý opakovaně m;že to mít své opodstatnění. Ale má to záludnosti, napčíklad v tom, že klient bez kontroly může plnit disk (v tomto případě jen 255 souborů, pokud by měl možnost modifikovat parametr pro volání fce getImage())

[klingac]

na grafy sa mi PHP osvedcila kniznica JpGraph

[Pavel]

Taky se to snažím rozchodit, ale musím při zobrazení grafu nejprve načíst data do pole a to pak zobrazit, nebo mohu kreslit graf a zároveň načítat?

[Pavel]

Tak jsem to již vymyslel, ještě bych se zeptal, existuje nějaký program v čem psát, aby mi to našeptávalo? Píšu zatím v pspadu.

[Šangala]

PsPad na Linuxu? - WOW , Eclipse PDT.