Graph mit PHP?

[xxscorpionxx]

Moin.
Es gibt eine Variable X die den Wert 0 -100 annehmen kann.
Diese sind Prozent und ich möchte sie Grafisch darstellen. Das wenn x = 55, z.B. auf einem Balken die 55 % graphisch angezeigt werden.
Geht das mit Php?

mfG

 

[Gilles]

das geht mit der GD Library.
Aber es gibt auch ne schöne Library für Graphen, die ich auch zur Zeit benutze
JpGraph - PHP Graph Creating Library

 

[Die Zahl]

das geht mit der GD Library.

Dazu sei noch anzumerken, das die GD Lib standardsgemäßs bei PHP dabei ist.

Es gibt eine Variable X die den Wert 0 -100 annehmen kann.
Diese sind Prozent und ich möchte sie Grafisch darstellen. Das wenn x = 55, z.B. auf einem Balken die 55 % graphisch angezeigt werden.
Geht das mit Php?

Ja, das geht.
Ich hab hier ein simples Beispiel:

<?php
$varmitzahl = 73; ## die %
$img = imagecreate(100,10); ## x,y
$statusbalken = imagecreate($varmitzahl,10); ## %,y
imagecolorallocate($img, 0, 0, 0); ## Farbe Gesamtbild (RGB)
imagecolorallocate($statusbalken, 255, 0, 0); ## Farbe "Balken" (RGB)
imagecopy($img, $statusbalken, 0, 0, 0, 0, $varmitzahl, 10);
header('Content-type: image/png'); ## Wenn Binärausgabe gewollt ist
imagePNG($img);
imagedestroy($img);
?>

Ich nutze hier die 100 Pixel der Bildbreite aus, um die Prozentrechnung einfach zu halten.
So sieht es denn aus bei meinem Beispiel bei 73%(hier in Rot):

Es gibt sicherlich noch 100 andere Möglichkeiten. Aber der Denkanstoß sollte die Richtung treffen.

Mfg

 

[Puccini]

du könntest es auch als blankes HTML machen.

einfach zwei Diff's:

<div id="parent">
    <div id="content"></div>
</div>

Dem Parent kannst du eine beliebige Größe geben und gestallten wie du willst (mittels CSS).
Dem "Content" gibtst du dann die Angabe "width:55%" zb und formatierst ihn auch mittels css wie du magst.

Das wäre dann eine lösung ohne eine Grafik und eine der angesprochenen 100 weiteren Lösungen ;).

 

[Gilles]

du könntest es auch als blankes HTML machen.

einfach zwei Diff's:

<div id="parent">
    <div id="content"></div>
</div>

Dem Parent kannst du eine beliebige Größe geben und gestallten wie du willst (mittels CSS).
Dem "Content" gibtst du dann die Angabe "width:55%" zb und formatierst ihn auch mittels css wie du magst.

Das wäre dann eine lösung ohne eine Grafik und eine der angesprochenen 100 weiteren Lösungen ;).

Eine sehr schöne und leichte Lösung für Standard Balken.