- 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:
Diagrama grafica simple bar

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:
Diagrama grafica Linie

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:
Diagrama grafica disc

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

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce atribut poate fi utilizat pentru a adauga stiluri CSS direct in tag-ul HTML?
type style class
<div style="width: 80%; border: 3px solid #888888;">Continut</div>
Care din metodele proprietatii CSS transform distorsioneaza elementul HTML la un anumit unghi (inclusiv continutul lui)?
translate() scale() skew()
#un_id {
  transform: skew(20deg, 25deg);
  -ms-transform: skew(20deg, 25deg);   /* IE 9 */
  -webkit-transform: skew(20deg, 25deg);   /* Safari and Chrome */
}
Clic pe functia care poate converti un obiect Date in Sir.
indexOf() toString() getDate()
var rightnow = new Date();
alert( rightnow.toString() );
Care functie aplica o alta functie la elementele unui array?
array_merge() array_search() array_map()
$arr = arra("abc", "<p>xyz</p>", "<em>PHP</em>");
// aplica functia strip_tags() ca sa stearga tag-urile HTML din fiecare element din %arr
$arr = array_map("strip_tags", $arr);
}
Cum se spune "sambata" in limba engleza?
Sunday Saturday Monday
On Saturday I visit my grandparents.
- Sambata imi vizitez bunicii.
Cum se spune "sambata" in limba spaniola?
domingo lunes sábado
Sábado visito mis abuelos.
- Sambata imi vizitez bunicii.
GraidleChart Creare Diagrame grafice

Last accessed pages

  1. Adjectivul in limba engleza - The adjective (6731)
  2. Trecutul simplu si continuu - Past Tense Simple and Continuous (22366)
  3. Gradele de comparatie: comparative, superlative (10924)
  4. Articolul din limba engleza - The article (16557)
  5. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (22010)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (1612)
  2. Prezentul simplu si continuu - Present Tense Simple and Continuous (985)
  3. Cursuri si Tutoriale: Spaniola, Engleza, HTML, CSS, Php-Mysql, JavaScript, Ajax (758)
  4. Trecutul simplu si continuu - Past Tense Simple and Continuous (737)
  5. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (715)