Startseite
Installation
2D Tortendiagramme
3D Tortendiagramme
About this tutorial
 
 
Grundlagen von JPGraph und jedem Diagramm

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