hbarchart - Online-Tool für horizontale Balkengrafiken

Charts mit horizontalen, also von links nach rechts verlaufenden Balken sind eine weit verbreitete 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:

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

Der Titeltext kann auch Umlaute und Leerzeichen enthalten, andere Sonderzeichen, insbesondere _,?,& 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

    hbar.php?Autos=30&Busse=25&LkW=45&_title=Verkehrsmittel(neon)&_style=neon

Der Hintergrund der Chartgrafik ist nur ohne Styleangabe transparent.

Weitere Seiten

Partnerwebsites

Weitere Webseiten mit Yellow CMS

  • berlin.de.cool - Yellow CMS (Version 0.7.1) als Blog, in Google Search Console angemeldet, Sitemap vorhanden:sitemap/page:sitemap.xml, kein Adsense
  • in.10437.lima.zone - Yellow CMS (Version 0.7.2) Entwicklerversion, nicht in Google Search Console angemeldet, kein Adsense
  • mein-wunschname.2ix.de - umfangreiche Tests zu Plugins, Navigationen, Dokumentationen (Version 0.7.1), in Google Search Console angemeldet, keine Sitemap, kein Adsense
  • mein-wunschname.4lima.at - Yellow CMS (Version 0.7.2) als Blog mit angepasstem Template (Darstellung der Sidebar und Menü in responsiver Ansicht) und JavaScript für ToTop sowei einem alternativen Design, in Google Search Console angemeldet, keine Sitemap, mit Adsense

Du kannst diese Seite bearbeiten

T O P