piechart - Online-Tool für Tortengrafiken

Tortengrafiken, also Grafiken in Kreisform mit einzelnen Kreissegmenten sind eine weit verbreite Chartform. Bereits auf der Einführungsseite hat man ein Beispiel dieses Charttyps gesehen. Dieses Beispiel kann man unter verschiedenen Gesichtspunkten modifizieren und komplexer gestalten. Das betrifft:

  • das Einfügen eines Charttitels
  • farbliche Anpassungen
  • modifizierte Darstellungen um komplexere Zeitreihen darzustellen
  • das Einfügen einer Legende

Charttitel

Durch Hinzufügen eines Titels wird die Grafik insgesamt aussagefähiger. Man erkennt schnell den Kerninhalt. Ein Titel wird angezeigt, wenn man dem URL-Ausruf _title=Verkehrsmittel hinzufügt. Der komplette Code sieht dann so aus:

pie.php?Autos=30&Busse=25&LkW=45&_title=Verkehrsmittel

Der Titeltext kann auch Umlaute und Leerzeichen enthalten, andere Sonderzeichen, insbesonder _,?,& sollte man besser vermeiden. Wichtig ist noch, dass man darauf achtet, dass dem Schlüsselwort title ein Unterstrich vorangestellt sein muss, also _title.

Farbliche Anpassungen

Die Farben für die Balken werden automatisch gewählt. Man kann sie nicht beeinflussen, es gibt aber die Möglichkeit einen Stil mit dem Parameter _style zu wählen. Es gibt:

_style=neon
_style=pale

Das flogende Beispiel rechts zeigt den Farbstil neon.

pie.php?Autos=30&Busse=25&LkW=45&Motorräder=150&Fahrräder=190&_title=Verkehrsmittel(neon)&_style=neon

Der Hintergrund der Chartgrafik ist nur ohne Styleangabe transparent.

Das folgende Beispiel zeigt den Farbstil pale.

pie.php?Autos=30&Busse=25&LkW=45&Fahrräder=190&_title=Verkehrsmittel(pale)&_style=pale&_height=200

Werte anzeigen

Bei den Tortendiagrammen werden standardmäßig nicht die einzelnen Werte angezeigt, sondern die Anteile in %. Eine Werteanzeige erfolgt dann nur, wenn man die einzelnen Kreissegmente mit dem Mauszeiger berührt. Dies ist aber bei Geräten mit Touchscreen (Smartphones und Tablets) nicht möglich. Wenn man daher direkt die Ausgangswerte in der Grafik anzeigen möchte, dann wählt man die Option _labelamount='true'. Die Erzeugung einer Tortengrafik mit Werteanzeige sieht dann so aus:

pie.php?Autos=30&Busse=25&LkW=45&Fahrräder=190&_title=Verkehrsmittel(pale)&_style=pale&_labelamount='true'&_height=200

Damit erhält man dann diese Grafik: