GraidleChart Creare Diagrame grafice

Curs Php-mysql

- GraidleChart contine o clasa PHP gratuita, "usoara", ce foloseste putine resurse, pt. a crea si afisa diferite tipuri de Diagrame grafice: bare orizontale si verticale, linii, disc, si altele folosite in special in statistici si incluse in pagini web.
Se creaza un array (sau mai multe) cu valori numerice (puncte), si optional, alt array cu nume /numere pentru cealalta axa, in aceeasi ordine ca sa fie asociate cu valorile din primul array. Apoi se foloseste clasa graidle ca sa genereze o imagine PNG cu aceste date.
GraidleChart poate ajusta automat scala si axa grafica a diagramei, cu numere pozitive si /sau negative.
- Download GraidleChart.

Exemple:
1. Bare verticale simple care arata grafic numarul de puncte pentru 5 nume.

<?php
include('graidlechart/graidle.php');

// array cu puncte pt fiecare nume
$data = array('N_1'=>12, 'N_2'=>23.5, 'N_3'=>8, 'N_4'=>9.8, 'N_5'=>21);

// seteaza 2 array numerice, unul cu nume (pt axa-x), celalalt cu punctele (axa-y)
$names = array_keys($data);
$points = array_values($data);

// creaza obiect al clasei graidle (defineste titlu)
$graph = new graidle('Number of points');
$graph->setColor('#a7b8ed');
$graph -> setValue($points,'b'); // seteaza seria de valori, tipul de diagrama (b=bar)

$graph -> setSecondaryAxis(1,0); // afiseaza axe secundare mici pe orizontala
$graph -> setWidth(300); // lungimea graficii
$graph -> setHeight(180); // inaltimea graficii
$graph -> setXValue($names); // adauga numele pe axa-x
$graph->setDivision(10); // seteaza diviziunea scalei
$graph->setBgCl('#efefef'); // culoare fundal
$graph -> setExtLegend(); // ca sa arate valoarea pe fiecare bara

$graph -> create(); // creaza diagrama
$graph -> carry(); // afifeaza imaginea grafica

/*
 Ca sa salvati imaginea cu diagrama, se foloseste metoda carry2file(): "director", "nume_fisier" (fara extensie)
 Ex.: salveaza "graphic_chart_1.png" in directorul "charts/"
 $graph->carry2file('charts/', 'graphic_chart_1');
*/
?>

Rezulta:
2. Diagrama grafica cu 2 linii care arata progresul accesarilor si vizitatorilor intr-o saptamana.

<?php
include('graidlechart/graidle.php');

// array cu numarul de accesari si vizitatori
$acc = array(1200, 1558, 1678, 1500, 1625, 1480, 998);
$vis = array(310, 288, 350, 305, 455, 282, 255); 

// creaza obiect al clasei graidle (defineste titlu)
$graph = new graidle('Accesses & Visitors');
$graph->setColor('#a7b8ed');
$graph -> setValue($acc,'l', 'Accesses'); // seteaza linia pt. accesari, cu legenda (l=linie)
$graph -> setValue($vis,'l', 'Visitors'); // set linia pt vizitatori

$graph -> setSecondaryAxis(1,0); // afiseaza axe secundare mici pe orizontala
$graph -> setWidth(450); // lungimea graficii
$graph -> setHeight(180); // inaltimea graficii
$graph->setBgCl('#fefeff'); // culoare fundal

$graph -> create(); // creaza diagrama
$graph -> carry(); // afifeaza imaginea grafica
?>

Rezulta:
3. Diagrama grafica disc, ce arata numarul de turisti, dupa tari.

<?php
include('graidlechart/graidle.php');

// array cu numarul de turisti, dupa tari
$data = array('USA'=>5500, 'Brazil'=>3000, 'France'=>2800, 'Spain'=>3700, 'Italy'=>1400); 

// seteaza 2 array numerice, cu tari (pt legenda), altul cu numarul de turisti
$cnt = array_keys($data);
$tor = array_values($data);

// creaza obiect al clasei graidle (defineste titlu)
$graph = new graidle('Representation tourists 2012');
$graph->setColor('#a7b8ed');
$graph -> setValue($tor,'p'); // seteaza diagrama disc (p=placinta)

$graph -> setLegend($cnt); // ca sa adauge legenda
$graph -> setExtLegend(2); // ca sa afiseze procente si numere
$graph -> setWidth(420); // lungimea graficii

$graph -> create(); // creaza diagrama
$graph -> carry(); // afifeaza imaginea grafica
?>

Rezulta:
- Mai multe exemple si documentatie gasiti in arhiva cu GraidleChart.
• graidle Web Site.

<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>

#id {
  overflow: auto;
}

document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}

if(isset($_GET["id"])) {
  echo $_GET["id"];
}

Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.

Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.