Aggiungi grafici alla tua Web App PHP con pChart

Aggiungi grafici alla tua Web App PHP con pChart / Wordpress e sviluppo Web

pChart è un toolkit grafico estremamente avanzato per PHP. È gratuito sotto licenza GPL, altamente personalizzabile, completamente orientato agli oggetti e più che in grado di gestire tutti i dati che ci passi. Lascia che ti mostri come iniziare a usarlo per la tua app web.

Questo tutorial presuppone una conoscenza di base di PHP.

Caratteristiche - A colpo d'occhio

  • Facile da iniziare con tonnellate di codice di esempio.
  • Anti-aliasing per bellissimi grafici.
  • Ogni tipo di grafico che potresti immaginare, così come le routine di disegno nativo per personalizzare ulteriormente il display. (I grafici 3D sono tuttavia limitati ai grafici a torta)
  • Calcolo della linea più adatto: dai solo i punti dati e lascia che faccia il lavoro.
  • Puoi anche creare codici a barre, come se la grafica non fosse abbastanza. (Tuttavia, non i codici QR, solo quelli standard a 1 dimensioni)
  • Formattazione condizionale, per creare grafici visivamente accattivanti.
  • Classe di caching completa per accelerare la grafica in un ambiente di produzione.

Iniziare

Scarica il pacchetto pChart più recente e caricalo nella radice del tuo server web. Rinominare la diretta in pChart. Puoi testarlo subito navigando in questa directory che caricherà i grafici di esempio.

Prova tu stesso

Per imparare il metodo di base per disegnare un grafico, crea un nuovo file PHP nella radice del tuo server chiamato test.php. Aggiungi queste righe all'inizio (supponendo che la directory carichi pChart venga denominata solo pChart):

/ * Include tutte le classi * / include ("pChart / class / pDraw.class.php"); includere ( "pChart / class / pImage.class.php"); includere ( "pChart / class / pData.class.php");

Il passaggio successivo consiste nel creare un set di dati e utilizzare il metodo addPoints.

/ * Crea il tuo oggetto dataset * / $ myData = new pData (); / * Aggiungi dati nel set di dati * / $ myData-> addPoints (array (VOID, 3,4,3,5));

Si noti che è possibile utilizzare a VOID parola chiave se mancano i dati. Potresti anche connetterti a un Fonte dati MySQL e tirare una serie di dati da lì, o caricare un file CSV da qualche parte. Stiamo disegnando un grafico del corso molto semplicistico, ma puoi anche aggiungere più set di dati, regolare le zecche ecc. A questo punto.

Successivamente è necessario creare l'oggetto immagine, impostare l'area grafica e scegliere un carattere.

$ myPicture = new pImage (700,230, $ myData); // width, height, dataset $ myPicture-> setGraphArea (60,40,670,190); // x, y, width, height $ myPicture-> setFontProperties (array ("FontName" => "pChart / fonts / verdana.ttf", "FontSize" => 11));

La scala deve quindi essere calcolata prima dell'output, ma può essere eseguita automaticamente, quindi traccia il grafico in questo modo:

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

In questo caso, stiamo disegnando un grafico spline, fondamentalmente un grafico a linee curve, ma c'è un enorme elenco di altri grafici che puoi disegnare semplicemente cambiando questa funzione. L'ultimo passo è quello di inviare il file PNG risultante al browser. Utilizzare il Ictus() funzione per fare questo:

$ MyPicture-> Corsa ();

Lo utilizzeresti nei casi in cui visualizzi direttamente all'utente o incorpori il PHP come file come un'immagine, ad esempio:

Se si carica il test.php nel tuo browser ora, dovresti vedere qualcosa di simile a questo:

Un'altra opzione è quella di rendere il grafico su un file, se per esempio lo stai generando attraverso un qualche tipo di lavoro CRON automatizzato. In tal caso, utilizzare (dove il percorso dell'immagine è relativo al test.php e in una cartella scrivibile):

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

alternative

Sebbene pChart sia di gran lunga il più completo strumento per la creazione di grafici per PHP, ci sono alcune alternative:

  • SparkLine PHP è un'implementazione dei piccoli grafici distintivi così chiamati da Edward Tuffte.
  • JqPlot è una soluzione grafica basata su jQuery, che sposterebbe il calcolo del grafico sul browser degli utenti anziché sul server, ideale se stai cercando di tracciare le funzioni matematiche.
  • PHPMyGraph non è così completo, personalizzabile o attraente come pChart, ma è anche molto più semplice.
  • EasyChart Builder è un semplice plugin per WordPress, ma richiede che il set di dati venga aggiunto manualmente.
  • Il creatore di Google Image Chart ha una vasta gamma di grafici e può essere facilmente incorporato, ma richiede anche l'inserimento manuale del set di dati.
Questa volta è per me, spero che tu abbia un gioco con pChart nelle app web che stai realizzando. Ho appena iniziato a lavorarlo nel lato web della mia applicazione Egg Counter per iPhone, quindi non sono ancora esperto in questo. Cercherò di indicarti la direzione giusta in caso di domande, ma è disponibile anche un'ampia documentazione. Hai un modo migliore per rappresentare graficamente i dati nelle tue app Web? Facci sapere!