Startseite
Installation
2D Tortendiagramme
3D Tortendiagramme
About this tutorial
 
 
3D Tortendiagramm

Ziel ist es, dieses Tortendiagramm mit JPGraph zu programmieren:



Datei anlegen:

Lege eine Datei "3dpiegraph.php" an (Die Datei in der die Graphik generiert wird).
Man kann sie nun über diesen HTML Tag irgendwo in eine Seite einfügen.

<img src="3dpiegraph.php">

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

Zuerst müssen wir die JPGraph Library einbinden => jpgraph.php
Danach müssen wir noch die entsprechende Library einbinden => jpgraph_pie.php, jpgraph_pie3d.php

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

// Hier kommt unser Code rein
?>

Nun muss zuerst die Grafik gebildet werden.
Eine neue Grafik mit den Massen (Breit x Höhe) 300 x 200 soll erstellt werden, wobei JPGraph das Format automatisch wählt.

$graph = new PieGraph(330,200,"auto");

Dann muss die Skala des Graphen festgelegt werden, wobei wir eine Text - Linear (X-Achse - Y-Achse) Skala wählen:

$graph->SetScale("textlin");

Nun müssen wir die Werte der einen Linie in ein Array speichern, wobei wir die Werte frei wählen können (auch hier funktionieren Kommazahlen):

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

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

$p1 = new PiePlot3D($data);


Nun setzen wir einen Titel und formatieren die Schriftart und den Schrifttyp:

$graph->title->Set("A simple Pie plot");

$graph->title->SetFont(FF_FONT1,FS_BOLD);

Der generierte Graph muss nun in die Grafik eingetragen werden:

$graph->Add($p1);

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

$graph->Stroke();

Das sieht dann folgendermassen aus:



Diese Grafik wollen wir nun noch etwas mit Farben oder einem anderen Format erweitern.
Die Formatierungen können wir erst nach der Generierung der Graphik vornehmen also füge den folgenden Code nach dem untenstehenden Befehl ein:

$graph->Add($p1);

Nun wollen wir noch eine Legende einfügen. Dazu müssen wir die Einträge definieren:
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.45);

Danach sieht es so aus:



Nun möchten wir, dass ein Stück etwas nach aussen gelegt wird. Dazu benötigen wir folgenden Befehl:
Die Slices werden von 0 an nummeriert (von oben gegen den Uhrzeigersinn).

$p1->ExplodeSlice(1);

Jetzt drehen wir den ganzen Kuchen noch etwas um die Horizontale Achse, so dass er "flacher" wird:
Wobei wir den Winkel angeben müssen zwischen 10 und 80 Grad

$p1->SetAngle(20);

Danach sieht der Kuchen so aus:




Der endgültige Code sieht folgendermassen aus:

<?php

include ("jpgraph.php");
include (
"jpgraph_pie.php");
include (
"jpgraph_pie3d.php");

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

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

$p1 = new PiePlot3D($data);

$p1
->ExplodeSlice(1);
$p1->SetCenter(0.45);
$p1->SetLegends($gDateLocale->GetShortMonth());
$p1->SetAngle(20);

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

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

?>


Damit sind vorerst alle Tutorals fertig, je nach Nachfrage werde ich noch weitere machen ...