Ziel ist es untenstehendes Tortendiagramm mit JPGraph zu programmieren:



Datei anlegen:
Lege eine Datei an mit dem Namen "2dpiegraph.php" (Die Datei wo die Graphik generiert wird).
Diese kann man nun über untenstehenden HTML Tag irgendwo in eine Seite einfügen.

<img src="2dpiegraph.php">

Graphik erstellen:
In der Datei "2dpiegraph.php" müssen wir nun die Graphik mit der JPGraph Library programmieren:

Zuerst wird die JPGraph Library eingebunden => jpgraph.php
Danach muss noch die entsprechende Library eingebunden werden => jpgraph_pie.php

<?php
include ("jpgraph.php");
include ("jpgraph_pie.php");

// Hier kommt unser Code rein
?>

Als nächster Schritt muss die Graphik gebildet werden.
Die neue Graphik hat die Masse (Breite x Höhe) 300 x 200 wobei JPGraph das Format automatisch wählt.

$graph = new Graph(300,200,"auto");    

Nun müssen wir die Werte der einen Linie in ein Array speichern - die Werte sind frei wählbar (auch Kommazahlen):

$data = array(40,60,21,33);

Diese Werte müssen nun zu einem Graphen umgewandelt werden mit folgendem Befehl:

$p1 = new PiePlot($data);

Der generierte Graph wird jetzt in die Graphik eingetragen:

$graph->Add($p1);

Nun setzen wir noch einen Titel und formatieren diese Schriftart und den Schrifttyp:

$graph->title->Set("A simple Pie plot");
$graph->title->SetFont(FF_FONT1,FS_BOLD);

Jetzt ist die Grafik fertig und wir können sie mit diesem Befehl ausgeben :

$graph->Stroke();

Das sieht dann folgendermassen aus:



Diese Graphik wollen wir nun noch etwas erweitern. Zum Beispiel mit Farben, Format usw....
Die Formatierungen können wir erst nach der Generierung der Graphik anbringen also fügen wir den folgenden Code nach dem folgenden Befehl an:

$graph->Add($p1);

Nun wollen wir noch eine Legende einfügen. Hierfür müssen die Einträge definiert werden.
Dies geschieht über einen Array, wobei wir ihn hier direkt generieren, da wir die Monate wollen:

$p1->SetLegends($gDateLocale->GetShortMonth());

Nun müssen wir das Tortendiagramm noch positionieren bzw. etwas nach links rücken, das geschieht wieder prozentual von 0-1:

$p1->SetCenter(0.4);

Danach sieht es so aus:




Der endgültige Code sieht folgendermassen aus:

<?php
include ("jpgraph.php");
include ("jpgraph_pie.php");

$data = array(40,60,21,33);

$graph = new PieGraph(300,200,"auto");
$graph->SetShadow();

$graph->title->Set("A simple Pie plot");
$graph->title->SetFont(FF_FONT1,FS_BOLD);

$p1 = new PiePlot($data);
$p1->SetLegends($gDateLocale->GetShortMonth());
$p1->SetCenter(0.4);

$graph->Add($p1);
$graph->Stroke();

?>


Damit wäre das 2D Tortendiagramm fertig. Wir können uns einem 3D Tortendiagramm annehmen => 3D Tortendiagramm