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 tag defineste zona de click intr-o harta creata dintr-o imagine?
<map> <img> <area>
<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>
Ce proprietate CSS indica ce sa se intample cand continutul unui element depaseste dimensiunile lui?
display overflow position
#id {
  overflow: auto;
}
Clic pe evenimentul care este declansat cand mouse-ul e deasupra unui obiect.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}
Indicati variabila PHP ce contine datele adaugate in adresa URL, dupa caracterul "?".
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Clic pe pronumele reflexiv care e potrivit in propozitia: "Marc is the boy ... won the prize".
who which whoever
Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.
Clic pe pronumele reflexiv care e potrivit in propozitia: "Voy a ver al pintor de ... les hablé ayer".
que quien cuyo
Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.
GraidleChart Creare Diagrame grafice

Last accessed pages

  1. Jokes - Glume, Bancuri, Humor (2) (5894)
  2. Adjective (1806)
  3. Titluri, Paragrafe, Un nou rand, Linie orizontala (17444)
  4. Faptele bune ale omului, din suflet sau stiinta (1494)
  5. Joc exersare Spaniola (2552)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2787)
  2. Curs HTML gratuit Tutoriale HTML5 (1889)
  3. Curs si Tutoriale JavaScript (1786)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1731)
  5. Curs CSS Online Tutoriale CSS3 (1609)