Statistik 1
    
HOME
Scriptcode  ZURÜCK SITEMAP  

 Statistik 01 (horizontal)

Ich hatte ein wenig erperimentiert und herumprobiert. Unter Umständen ist das für sie sogar ganz brauchbar und können dieses Beispiel irgendwo einsetzen. Deshalb möchte ich ihnen das Ergebnis nicht vorenthalten. Übrigens gibt es auch eine Variante für die vertikale Darstellung

Statistik-Script für horizontale Balkendiagramme

Hier werden zur Darstellung des Grafen keine Grafiken verwendet!

Das Script schreibt eine Tabelle. Die (einzige) Tabellenzelle wird mit einem transparenten Image in der Größe der übergebenen Werte gefüllt. Die Hintergrundfarbe der Zelle wird durch den übergebenen Farbwert festgelegt. Text und Statistik-Wert wird oberhalb der Tabelle geschrieben (Prozentzeichen optional).

Der rote Balken ist eine Tabellenzelle mit der Hintergrundfarbe '#FF0000'.
Einstellbare Größen im Script:
  • Text
  • Wert (Zahl und Balkenbreite)
  • Multiplikator (Balkenbreite)
  • Farbe (Balkenfarbe)
  • Balkenhöhe
  • Prozentzeichen (optional)
 Einstellbare Größen mit CSS:
  • Schriftfamilie (font-family)
  • Schriftgröße (font-size)
  • Schriftfarbe (color)
Beispiel 1



Beispiel 2



   Aufruf im Body, Beispiel 1 

<script type="text/javascript">
<!--

Balken("Pferde",17,1,"#FF0000")
Balken("Katzen",23,1,"#0000DF")
Balken("Schildkröten",12,1,"#9000E0")
Balken("Eichhörnchen",38,1,"#00DF00")

//-->
</script>


   Übergabeschema für die Variablen 

Balken("Pferde",17,1,"#FF0000")

Balken("Text",Wert,Prozentzeichen ja/nein (1/0),"Hex-Farbwert")

Resultat:


Voreingestellte Variablen für diese Anwendung des Scripts: 

Multiplikator = 5;  // Wert x 5 = Balkenbreite in Pixel
Hoehe = 10;         // Höhe des Balkens in Pixel

Der Multiplikator kann auch eine Dezimalzahl (z.B. 0.3) sein! Bitte beachten: Das Dezimalzeichen ist ein Punkt!

transpixel.gif Benötigt wird ein transparentes Image, rechtsklicken zum Speichern!
(Hier vergrößert dargestellt mit Rand: transpixel.gif 1x1 Pixel



Zur Anpassung der Schrift mit CSS:

Element    Bezeichner   hier im Beispiel  
Schriftfamilie font-family Arial,Helvetica 
Schriftgröße font-size 11px
Schriftfarbe color #000000










NACH OBEN