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!
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 |
|
 Balkengrafik 01 - kurz und schmerzlos
Balkengrafik 01-A
Balkengrafik 01-B
Statistik-Graph 02 Balkendiagramm horizontal mit Skala
Statistik-Graph 03-A Balkendiagramm vertikal
Statistik-Graph 03-B Balkendiagramm vertikal
Statistik-Graph 04 Balkendiagramm vertikal
|
Home • Diverses • Statistik Balkendiagramm
Scriptcode
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-Graph 01