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:
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
Care atribut face ca optiunea din <select> sa fie selectata?
checked="checked" selected="selected" disabled="disabled"
<select name="a_name">
 <option value="val1">Optiune 1</option>
 <option value="val2" selected="selected">Optiune 2</option>
</select>
Care din aceste valori CSS creaza culoare gradient pentru fundal?
contain repeat-x linear-gradient
#id {
  background: linear-gradient(top left, #1f1, #fff, #11f);
}
Care cod creaza un array in JavaScript?
[] {} new Object()
var arr = [1, "CoursesWeb.net", "MarPlo.net"];
alert(arr[2]);
Indicati functia PHP folosita pentru redirect la alta pagina.
function() header() switch()
header("Location: http://coursesweb.net/");
exit;
Indicati articolul corect la cuvantul "garden" in propozitia: "... garden is a place with flowers".
An The A
The garden is a place with flowers.
- Gradina este un loc cu flori.
Indicati articolul corect pentru cuvantul: "jardín" (gradina)
la los el
El jardín es un lugar de flores.
- Gradina e un loc cu flori.
GraidleChart Creare Diagrame grafice

Last accessed pages

  1. Blog si Cugetari Personale (45859)
  2. Creare link-uri (10190)
  3. Titluri, Paragrafe, Un nou rand, Linie orizontala (18651)
  4. Curs HTML gratuit Tutoriale HTML5 (94798)
  5. Creare tabele HTML (9751)

Popular pages this month

  1. Curs HTML gratuit Tutoriale HTML5 (494)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (458)
  3. Curs si Tutoriale JavaScript (289)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (262)
  5. Curs CSS Online Tutoriale CSS3 (252)