Der Grundaufbau jedes JPGraph-Diagramms
ist gleich, deshalb werde ich das hier einmal erklären, damit ich
bei den einzelnen Diagrammen nicht immer darauf eingehen muss.
Grafik einbinden:
Damit man ein Diagramm in eine Seite einbinden kann muss die Grafik in
einer eigenen Seite gebildet werden und danach in die gewünschte
Seite eingebunden werden.
Man erstellt also eine Datei: Grafik1.php (In dieser wird die Grafik gebildet)
Auf der Gewünschten Seite wird dann die Grafik über <img
src eingebungen:
<img src="grafik1.php"
width="300"
height="200">
Grafik erstellen:
In der Datei "Grafik1.php" müssen wir nun die
Grafik mit der JPGraph Library programmieren:
Zuerst müssen wir die JPGraph Library einbinen => jpgraph.php
Danach werden die Librarys welche wir verwenden eingebunden
(Liniendiagramm, Balkendiagramm, 2D Tortendiagramm, 3D Tortendiagramm)
jpgraph_line.php
jpgraph_bar.php
jpgraph_pie.php
jpgraph_pie3d.php
<?php
include ("../jpgraph.php");
include ("../jpgraph_line.php");
?>
Danach muss zuerst mal die Grafik gebildet werden, dafür verwendet
JPGraph folgenden Befehl:
$graph = new
Graph(350,250,"auto");
Was soviel heisst wie:
$graph = new
Graph("Breite",
"Höhe",
"Automatisch Format wählen");
Dann muss noch die Skala festgelegt werden. Dies indem man dem Graphen
einfach die Skala zuordnet:
$graph->SetScale("textlin");
Was soviel heisst wie X-Achse: Text-Skala, Y-Achse: Linear-Skala:
Mögliche Kombinationen sind:
X-Achse:
- "lin" Lineare Skala
- "text" Textskala
- "log" Logarhythmische Skala
- "int" Integer-Skala
Y-Achse:
- "lin" Lineare Skala
- "log" Logarithmische skala
- "int" Integer-Skala
$graph->SetScale("x-aches
y-achse ");
Danach folgt der Code welcher die Grafik definiert...
Und zum Schluss muss die Grafik ausgegeben werden:
$graph->Stroke();
Der ganze Grundaufbau sieht dann folgendermassen aus:
<?php
// JPGraph Library einbinden
include ("../jpgraph.php");
include ("../jpgraph_line.php");
// Neuen Graph bilden
$graph = new
Graph(350,250,"auto");
// Grafik definieren...
// Graph ausgeben
$graph->Stroke();
?>
Damit wären die Grundlagen geklärt und wir können zu unserem
ersten Diagramm gehen => Liniendiagramm |