So erstellen Sie ein Diagramm mit PHP

Eine sehr häufige Anforderung der Business -Website besteht darin, ein Diagramm zu erstellen, das auf den gesammelten Daten der Website basiert. Diese Informationen helfen, das Geschäft schneller auszubauen. Der Webprogrammierer muss also Grundkenntnisse über das Erstellen des Diagramms erlangen. Das Diagramm kann durch serverseitige und clientseitige Skripte generiert werden. Der Entwickler kann jede Art von Skript basierend auf Website -Anforderungen auswählen. Es gibt einige Vor- und Nachteile der Verwendung der serverseitigen und clientseitigen Diagramme. Das vom serverseitige Skript generierte Diagramm erhöht die Serverüberladung, die die Site langsamer macht. Die Endbenutzer verlieren möglicherweise ihre Geduld, wenn die Diagrammbilder mehr Zeit zum Herunterladen benötigen. Dieses Problem beim Erstellen eines Diagramms auf der Website kann unter Verwendung des Client-Seite-Diagramms weggelassen werden. Das Diagramm wird lokal erzeugt, indem XML- oder JSON-Daten aus dem Server in einem clientseitigen Skript abgerufen werden. Das von Client-Side-Skript erstellte Diagramm macht den Download schneller und verschiedene angepasste Diagramme können erstellt werden, z. B. die Anwendung von Animation im Diagramm und das attraktiv. In diesem Tutorial lernen Sie, das Diagramm mit der serverseitigen PHP-Bibliothek zu erstellen.

Server-Seite-Diagramm:

Viele kostenlose und kommerzielle serverseitige PHP-Diagrammbibliotheken sind ab sofort verfügbar. Pchart, Phpchartjs, Fusioncharts, JPGraph usw. Erstellen PHP-Bibliotheken auf der Webseite ein serverseitiges Diagramm. Verwendung der JPGRAPH Die Bibliothek wurde in diesem Tutorial erläutert, indem verschiedene Arten von Diagrammen erstellt werden. Die freie Version der JPGRAPH Die Bibliothek wurde in diesem Tutorial verwendet.

JPGRAPH:

Es handelt sich um eine objektorientierte Diagrammbibliothek, die verschiedene Arten von Diagrammen erstellt, z. B. Zeilendiagramme, Balkendiagramme und Kreisdiagramme. Es ist in kostenlosen und bezahlten Versionen erhältlich. Die kostenpflichtige Version wird für kommerzielle Zwecke verwendet und kann einen Barcode oder einen QR -Code erstellen. Sie müssen die JPGraph -Bibliothek herunterladen, bevor Sie sie verwenden. Gehen Sie zu der folgenden URL -Adresse und laden Sie die Bibliothek herunter:

https: // jpgraph.net/download/

Entpacken Sie nach dem Herunterladen der Bibliothek die Datei und speichern Sie sie im Ordner, in dem das PHP -Skript ausgeführt wird. Ich habe den Ordner im Inneren gespeichert /var/www/html/PHPCode -Ordner. Das Erstellen verschiedener Arten von Diagrammen mithilfe dieser Bibliothek wird im folgenden Teil dieses Tutorials angezeigt.

Beispiel 1: Zeilendiagramm erstellen

Erstellen Sie eine PHP -Datei mit dem folgenden Skript, um ein Zeilendiagramm mit grüner Farbe zu zeichnen. Ein Array wurde verwendet, um die Daten zum Zeichnen des Diagramms festzulegen. Der Graph Objekt wurde zur Anzeige des Diagramms verwendet, und das Lineplot Das Objekt wurde verwendet, um das Zeilendiagramm mit der Verwendung des Graph Objekt.

// Bedarfsdateien zum Zeichnen von Zeilendiagramme eingeben
Required_once ('JPGRAPH-4.3.5/src/jpgraph.PHP ');
Required_once ('JPGRAPH-4.3.5/src/jpgraph_line.PHP ');
// Die Daten festlegen
$ Data = Array (10,6,16,23,11,9,5);
// das Graphobjekt deklarieren
$ graph = neues graph (400.250);
//Alles löschen
$ graph-> cleartheme ();
// Setzen Sie die Skala
$ graph-> setScale ('textlin');
// Setzen Sie das lineare Diagramm
$ linept = new Lineplot ($ data);
// Setzen Sie die Linienfarbe
$ linept-> setColor ('grün');
// Fügen Sie das Diagramm hinzu, um das Diagramm zu erstellen
$ graph-> add ($ linept);
// Zeigen Sie das Diagramm an
$ graph-> stroke ();
?>

Ausgang:

Nach der Ausführung des Skripts vom Server wird die folgende Ausgabe angezeigt:

Beispiel 2: Erstellen eines akkumulierten Balkendiagramms

Erstellen Sie eine PHP -Datei mit dem folgenden Skript, um ein akkumuliertes Balkendiagramm zu zeichnen. Zwei Arrays wurden verwendet, um die Daten zum Zeichnen des Diagramms festzulegen. Der Graph Objekt wurde zur Anzeige des Diagramms verwendet. Der Barplot und Accbarplot Objekte wurden verwendet, um das akkumulierte Balkendiagramm mit dem zu erstellen Graph Objekt.

// Bedarfsdateien zum Zeichnen von Balkendiagramm
Required_once ('JPGRAPH-4.3.5/src/jpgraph.PHP ');
Required_once ('JPGRAPH-4.3.5/src/jpgraph_bar.PHP ');
// Die Daten festlegen
$ Serie1 = Array (10,60,30,70,25,67,10);
$ Series2 = Array (34,89,56,12,59,70,23);
// Objekt deklarieren, um das Diagramm zu zeichnen
$ graph = neues graph (500.300);
//Alles löschen
$ graph-> cleartheme ();
// Stellen Sie eine Einstellung für das Diagramm fest
$ graph-> setScale ("textlin");
$ graph-> setShadow ();
$ graph-> img-> setMargin (80,30,20,50);
// Erstellen Sie Objekt und Farben für die Balkendiagramme
$ B1PLOT = neuer Barplot ($ Serie1);
$ b1plot-> setfillcolor ("blau");
$ b2Plot = neuer Barplot ($ series2);
$ B2Plot-> setfillcolor ("rot");
// Objekt für das gruppierte Balkendiagramm erstellen
$ gbPlot = neuer Accbarplot (Array ($ B1PLOT, $ B2PLOT));
// Fügen Sie das Diagramm für das Diagramm hinzu
$ graph-> add ($ gbplot);
// Titel des Diagramms, der X-Achse und der Y-Achse festlegen
$ graph-> title-> set ("akkumuliertes Balkendiagramm");
$ graph-> xaxis-> title-> set ("Serie-1");
$ graph-> yaxis-> title-> set ("Serie-2");
// Die Grafik anzeigen
$ graph-> stroke ();
?>
?>

Ausgang:

Nach der Ausführung des Skripts vom Server wird die folgende Ausgabe angezeigt:

Beispiel 3: Erstellen eines akkumulierten Balkendiagramms mit Gradienten

Erstellen Sie eine PHP. Zwei Arrays wurden verwendet, um die Daten zum Zeichnen des Diagramms festzulegen. Der Graph Objekt wurde zur Anzeige des Diagramms verwendet. Der Barplot und Accbarplot Objekte wurden verwendet, um das akkumulierte Balkendiagramm mit dem zu erstellen Graph Objekt. Der Setfillgradient () Funktion der Barplot Das Objekt wurde im Skript verwendet, um die Gradientenfarbe des Diagramms festzulegen.

// Bedarfsdateien zum Zeichnen von Zeilendiagramme eingeben
Required_once ('JPGRAPH-4.3.5/src/jpgraph.PHP ');
Required_once ('JPGRAPH-4.3.5/src/jpgraph_bar.PHP ');
// Die Daten festlegen
$ Serie1 = Array (10,60,30,70,25,67,10);
$ Series2 = Array (34,89,56,12,59,70,23);
// Objekt deklarieren, um das Diagramm zu zeichnen
$ graph = neues graph (500.300);
//Alles löschen
$ graph-> cleartheme ();
// Stellen Sie eine Einstellung für das Diagramm fest
$ graph-> setScale ('textlin');
$ graph-> setMargincolor ('weiß');
$ graph-> title-> set ('akkumuliertes Balkendiagramm mit Gradienten');
// Erstellen Sie die erste Balken
$ plot1 = neuer Barplot ($ Serie1);
$ plot1-> setfillgradient ('orange', 'cyan', Grad_vert);
$ plot1-> setColor ('darkred');
// Erstellen Sie die zweite Balken
$ plot2 = neuer Barplot ($ series2);
$ plot2-> setfillgradient ('blau', 'grün', Grad_vert);
$ plot2-> setColor ('darkgreen');
// und schließen Sie sich ihnen in einer angesammelten Bar an
$ gaccplot = new Accbarplot ([$ Plot1, $ plot2]);
$ graph-> add ($ gaccplot);
// Die Grafik anzeigen
$ graph-> stroke ();
?>

Ausgang:

Nach der Ausführung des Skripts vom Server wird die folgende Ausgabe angezeigt:

Beispiel 4: Erstellen eines gruppierten Balkendiagramms

Erstellen Sie eine PHP -Datei mit dem folgenden Skript, um ein gruppiertes Balkendiagramm zu zeichnen. Drei Arrays wurden verwendet, um die Daten zum Zeichnen des Diagramms festzulegen. Der Graph Objekt wurde zur Anzeige des Diagramms verwendet. Der Barplot und GroupBarplot Objekte wurden verwendet, um das gruppierte Balkendiagramm mit der Verwendung des Graph Objekt.

// Bedarfsdateien zum Zeichnen von Zeilendiagramme eingeben
Required_once ('JPGRAPH-4.3.5/src/jpgraph.PHP ');
Required_once ('JPGRAPH-4.3.5/src/jpgraph_bar.PHP ');
// Setzen Sie die Datenserien
$ Serie1 = Array (10,60,30,70,25,67,10);
$ Series2 = Array (34,89,56,12,59,70,23);
$ Series3 = Array (20,70,70,14,23,26);
// Objekt deklarieren, um das Diagramm zu zeichnen
$ graph = neues graph (500, 300);
//Alles löschen
$ graph-> cleartheme ();
// Stellen Sie eine Einstellung für das Diagramm fest
$ graph-> setScale ("textlin");
$ graph-> setShadow ();
$ graph-> img-> setMargin (40,30,40,40);
$ graph-> xaxis-> setticklabels ($ gdatelocale-> getMonth ());
$ graph-> xaxis-> title-> setfont (ff_font1, fs_bold);
$ graph-> title-> set ('grupped bar chart');
$ graph-> title-> setfont (ff_font1, fs_bold);
// Plotobjekte erstellen
$ plot1 = neuer Barplot ($ Serie1);
$ plot2 = neuer Barplot ($ series2);
$ plot3 = neuer Barplot ($ series3);
// Stellen Sie eine Einstellung für das Diagramm fest
$ plot1-> setfillcolor ("cyan");
$ plot1-> setShadow ();
$ plot2-> setfillcolor ("blau");
$ plot2-> setShadow ();
$ plot3-> setfillcolor ("darkorange");
$ plot3-> setShadow ();
// Objekt für das gruppierte Diagramm deklarieren
$ plot = neuer GroupBarPlot (Array ($ Plot1, $ Plot2, $ Plot3));
// Plotbreite festlegen
$ plot-> setwidth (0.6);
// Plot hinzufügen
$ graph-> add ($ plot);
// Zeichnen Sie das Diagramm
$ graph-> stroke ();
?>

Ausgang:

Nach der Ausführung des Skripts vom Server wird die folgende Ausgabe angezeigt:

Beispiel 5: Erstellen eines einfachen Kreisdiagramms

Erstellen Sie eine PHP -Datei mit dem folgenden Skript, um ein Kreisdiagramm zu zeichnen. Ein Array wurde verwendet, um die Daten zum Zeichnen des Diagramms festzulegen. Der Graph Objekt wurde zur Anzeige des Diagramms verwendet, und das Pieplot Objekt wurde verwendet, um das einfache Kreisdiagramm mit der Verwendung des Graph Objekt.

// Bedarfsdateien zum Zeichnen von Zeilendiagramme eingeben
Required_once ('JPGRAPH-4.3.5/src/jpgraph.PHP ');
Required_once ('JPGRAPH-4.3.5/src/jpgraph_pie.PHP ');
// Die Daten festlegen
$ Data = Array (10,15,16,23);
// das Graphobjekt deklarieren
$ graph = neuer pieGraph (400, 250);
//Alles löschen
$ graph-> cleartheme ();
// Title für das Diagramm festlegen
$ graph-> title-> set ("Simple Tort Diagramm");
// Plotobjekte erstellen
$ plot = neuer pieplot ($ data);
// Plot hinzufügen
$ graph-> add ($ plot);
// Zeichnen Sie das Diagramm
$ graph-> stroke ();
?>

Ausgang:

Nach der Ausführung des Skripts vom Server wird die folgende Ausgabe angezeigt:

Beispiel 6: Erstellen eines 3D -Kreisdiagramms

Erstellen Sie eine PHP -Datei mit dem folgenden Skript, um ein 3D -Kreisdiagramm zu zeichnen. Zwei Arrays wurden verwendet, um die Daten zum Zeichnen des Diagramms festzulegen. Der PieGraph Objekt wurde zum Anzeigen des Diagramms und des Pieplo3d Das Objekt wurde verwendet, um das einfache Kreisdiagramm mit dem zu erstellen PieGraph Objekt.

// Bedarfsdateien zum Zeichnen von Zeilendiagramme eingeben
Required_once ('JPGRAPH-4.3.5/src/jpgraph.PHP ');
Required_once ('JPGRAPH-4.3.5/src/jpgraph_pie.PHP ');
Required_once ('JPGRAPH-4.3.5/src/jpgraph_pie3d.PHP ');
// Die Daten festlegen
$ Data = Array (15, 13, 29, 45, 68, 31);
$ Area = Array ('Dhaka', 'Barisal', 'Sylhet', 'Comilla', 'Chandpur', 'Bogra');
// das Graphobjekt deklarieren
$ graph = neuer pieGraph (550, 300);
//Alles löschen
$ graph-> cleartheme ();
// Stellen Sie eine Einstellung für das Diagramm fest
$ graph-> title-> set ("Flächenbezogener Verkauf");
$ graph-> legend-> setpos (0.01,0.2, 'rechts', 'rechts');
$ graph-> legend-> setColumns (1);
$ graph-> legend-> setlinesspacing (15);
// Plotobjekte erstellen
$ plot = neuer pieplot3d ($ data);
$ plot-> setCenter (0.4);
$ Plot-> SetleGends ($ Bereich);
// Plot hinzufügen
$ graph-> add ($ plot);
// Zeichnen Sie das Diagramm
$ graph-> stroke ();
?>

Ausgang:

Nach der Ausführung des Skripts vom Server wird die folgende Ausgabe angezeigt:

Abschluss:

In diesem Artikel sind alle in den vorherigen Beispielen verwendeten Daten statisch. Sie können Daten problemlos über den Datenbankserver mithilfe von PHP abrufen und zum Erstellen eines Diagramms basierend auf dynamischen Daten verwenden. Wenn Sie ein attraktiveres Diagramm und einen schnelleren Download erstellen möchten, können Sie eine beliebte clientseitige Bibliothek verwenden. Wir hoffen, Sie haben diesen Artikel hilfreich gefunden. Weitere Tipps und Informationen finden Sie in den anderen Linux -Hinweisartikeln.