Balkendiagramme in PHP mithilfe von GD-Funktionen

Graphische Darstellung erklären Umstände oft deutlicher als viele Worte. Damit keine teuren Tools angeschafft werden müssen, zeigt dieser Artikel wie mittels PHP ein dynamisches Balkendiagramm erstellt werden kann.

Wenn IT-Manager Berichte anfordern, kann man praktisch garantieren, dass er in diesen Berichten auch grafische Darstellungen der Zahlen erwartet. Man könnte zum Erstellen dieser grafischen Daten ein spezielles Reporting-Tool kaufen – oder man greift einfach auf die GD-Bildfunktionen innerhalb von PHP zurück. PHP ist gratis, und man kann die mitgelieferte GD-Bibliothek ohne jegliche Kosten erweitern. Daher ist es durchaus attraktiv, Daten mittels dieser kosteneffektiven Methode grafisch darzustellen. Der folgende Artikel zeigt, wie man mittels PHP ein dynamisches Balkendiagramm erstellen kann, das sich auf einer Webseite anzeigen lässt.

Bildkoordinaten für das Balkendiagramm

Ein Balkendiagramm besteht ganz einfach aus einer Reihe von Rechtecken, welche einen Zahlenwert (in bestimmten Einheiten) oder den Prozentsatz eines Maximalwerts repräsentieren. Jeder Balken beginnt am Nullpunkt und seine Länge setzt sich bis zum entsprechenden Maximalwert fort, bei konstanter Balkenbreite. In Bildkoordinaten ausgedrückt, beginnt das Rechteck also an der Koordinate (x1, y1) und erstreckt sich bis zur Koordinate (x2, y2). Dabei entspricht x1 der horizontalen Ausgangsposition, y1 der vertikalen Ausgangsposition, x2 der horizontalen Endposition und y2 der vertikalen Endposition. All diese Informationen werden aus einer Reihe von Werten (in Einheiten oder Prozentzahlen) gewonnen, die in entsprechende Bildschirmeinheiten umgewandelt werden.

Fanden Sie diesen Artikel nützlich?
1 von 2 Lesern fanden diesen Artikel nützlich.

Aktuelle Job-Angebote

ZDNet.de Live

wow! ...

wow! ein wirklich schickes Android, das nicht Tablet-Größe hat: t.co/... ... leider nur mäßige technische Daten.

10.02.12, 21:25 von coke4all
Googl ...

Google arbeitet angeblich an Home Entertainment System mit Cloudanbindung t.co/...

10.02.12, 21:10 von zdnet_de
Why ...

Why are young Japanese men losing interest in sex? t.co/...

10.02.12, 20:55 von ZDNet
What ...

What AMD's new roadmap means for users t.co/...

10.02.12, 20:40 von ZDNet
Manch ...

Manchester City is expanding its online reach to Japan t.co/...

10.02.12, 20:35 von ZDNet
Fours ...

Foursquare evolving into one-stop shop with NFC support t.co/...

10.02.12, 20:35 von ZDNet
Websi ...

Website der Gelben Seiten baut Bewertungsfunktionen aus t.co/...

10.02.12, 20:30 von zdnet_de
Motor ...

Motorola: Android-Updates verzögern sich wegen der Hardware-Vielfalt t.co/...

10.02.12, 20:00 von zdnet_de
Aktie ...

Aktienkurse dort wo man sie am liebsten sieht: auf dem Mülleimer! t.co/...

10.02.12, 19:50 von coke4all
Faceb ...

Facebook details Zuckerberg's $500,000 salary, 45% bonus t.co/...

10.02.12, 19:45 von ZDNet
New ...

New Microsoft Office University product comes with tougher verification rules t.co/...

10.02.12, 19:35 von ZDNet
#Prad ...

#Prada Phone by #LG 3.0 ausgepackt und ausprobiert - #smartphone #android t.co/...

10.02.12, 19:30 von cnet_de
Schon ...

Schon im Test: Prada Phone by LG 3.0 mit Android und superhellem Display t.co/...

10.02.12, 19:30 von cnet_de
Beta ...

Beta von Chrome 18 erweitert Hardwarebeschleunigung t.co/...

10.02.12, 19:30 von zdnet_de
Sage ...

Sage helps chocolate business manage seasonality t.co/...

10.02.12, 19:20 von ZDNet
Colum ...

Columbia University excludes Google Docs t.co/...

10.02.12, 19:20 von ZDNet
Benq ...

Benq bringt XGA-Projektor mit 4000 ANSI-Lumen t.co/...

10.02.12, 19:00 von zdnet_de
Germa ...

Germany postpones ACTA signing in wake of protests t.co/...

10.02.12, 18:45 von ZDNet
Iran ...

Iran cuts off access to popular Web sites t.co/...

10.02.12, 18:40 von ZDNet