Adăugați grafice la aplicația Web PHP cu pChart

Adăugați grafice la aplicația Web PHP cu pChart / Wordpress și dezvoltare web

pChart este un instrument de grafică remarcabil de avansat pentru PHP. Este gratuit sub licență GPL, foarte personalizabil, complet orientat spre obiect, și mai mult decât capabil să manipuleze orice date aruncați la el. Permiteți-mi să vă arăt cum să începeți să o utilizați pentru aplicația dvs. web.

Acest tutorial presupune cunoștințe de bază despre PHP.

Caracteristici - La o privire

  • Ușor de început cu tone de cod exemplu.
  • Anti-Aliasing pentru grafice frumoase.
  • Fiecare tip de grafic pe care l-ați putea imagina, precum și rutine native de desen pentru a personaliza afișajul chiar mai departe. (Graficele 3D sunt limitate la diagrame)
  • Cea mai bună linie de calcul - dați-i doar punctele de date și lăsați-o să lucreze.
  • Poate crea și coduri de bare, ca în cazul în care graficul nu este suficient. (Cu toate acestea, nu QR Codurile, doar cele standard 1-dimensionale)
  • Formatul condiționat, pentru a crea grafice cu adevărat atrăgătoare pentru vizualizare.
  • Clasă cache completă pentru a vă grăbi graficul într-un mediu de producție.

Noțiuni de bază

Descărcați ultimul pachet pChart și încărcați-l în rădăcina serverului dvs. Web. Redenumiți direct pChart. Puteți să o testați imediat, navigând la acest director care va încărca graficele de exemplu.

Incearca-l tu insuti

Pentru a afla metoda de bază pentru a desena un grafic, creați un nou fișier PHP în rădăcina serverului numit test.php. Adăugați aceste linii în partea de sus (presupunând că directorul pe care îl încărcați pChart la numit doar pChart):

/ * Includeți toate clasele * / include ("pChart / class / pDraw.class.php"); includ ( "pChart / clasă / pImage.class.php"); includ ( "pChart / clasă / pData.class.php");

Următorul pas este să creați un set de date și să utilizați metoda addPoints.

/ * Crearea obiectului setului de date * / $ myData = nou pData (); / * Adăugați date în setul de date * / $ myData-> addPoints (matrice (VOID, 3,4,3,5));

Observați că puteți utiliza a NULĂ dacă lipsesc datele. Ați putea, de asemenea, să vă conectați la Sursă de date MySQL și trageți o serie de date de acolo, sau încărcați un fișier CSV de undeva. Vom desena foarte curând un grafic foarte simplist, dar puteți adăuga și mai multe seturi de date, ajustați căpușe etc. în acest moment.

Apoi trebuie să creați obiectul de imagine, să setați zona de grafică și să alegeți un font.

$ myPicture = pImage nouă (700,230, $ myData); // lățime, înălțime, set de date $ myPicture-> setGraphArea (60,40,670,190); // x, y, lățime, înălțime $ myPicture-> setFontProperties (array ("FontName" => "pChart / fonts / verdana.ttf", "FontSize" => 11));

Scala trebuie calculată înainte de ieșire - dar acest lucru se poate face automat - apoi trageți graficul după cum urmează:

$ MyPicture-> drawScale (); $ MyPicture-> drawSplineChart ();

În acest caz, desenați o diagrama spline - practic o diagramă de linie curbă - dar există o listă uriașă de alte diagrame pe care le puteți desena doar prin schimbarea acestei funcții. Ultimul pas este să scoateți fișierul PNG rezultat în browser. Folosește Accident vascular cerebral() funcția de a face acest lucru:

$ MyPicture-> Stroke ();

Ați folosi acest lucru în cazurile în care vă afișați direct pe utilizator sau încorporați fișierul PHP ca o imagine, cum ar fi:

Dacă încărcați test.php în browser-ul dvs., ar trebui să vedeți ceva similar cu acesta:

O altă opțiune este să redați graficul într-un fișier dacă îl generați, de exemplu, printr-un fel de activitate CRON automatizată. În acest caz, utilizați (unde calea imaginii este relativă la test.php și într-un director care poate fi scris):

$ MyPicture-> render ( "mypic.png");

alternative

Deși pChart este cel mai cuprinzător set de instrumente de diagramă pentru PHP de departe, există câteva alternative:

  • SparkLine PHP este o implementare a grafurilor distinctive mici, numite astfel de Edward Tuffte.
  • JqPlot este o soluție de grafică bazată pe jQuery, care ar schimba calculul grafic într-un browser de utilizatori mai degrabă decât serverul dvs., ideal dacă încercați să plotați funcții matematice.
  • PHPMyGraph nu este la fel de cuprinzător, personalizabil sau atractiv ca pChart, dar este, de asemenea, mult mai simplu.
  • EasyChart Builder este un plugin WordPress simplu, dar acest lucru necesită adăugarea manuală a setului de date.
  • Creatorul de diagrame Google are o gamă largă de grafice și poate fi ușor încorporat, dar vă cere să introduceți manual setul de date.
Asta e de la mine de data asta, sper sa ai o piesa cu pChart in aplicatiile web pe care le faci. Tocmai am inceput sa lucrez in partea de web a aplicatiei mele Egg Counter iPhone, asa ca nu sunt nici un expert in aceasta problema. Voi încerca să vă îndrept în direcția cea bună dacă aveți întrebări, dar există și o documentație extensivă disponibilă. Aveți o modalitate mai bună de a grafice datele în aplicațiile dvs. web? Anunță-ne!