Dieses Diagramm wurde erzeugt durch:
<SCRIPT Language="JavaScript">
document.open();
var D=new Diagram();
D.SetFrame(80, 160, 520, 360);
D.SetBorder(-1, 13, 0, 1000);
D.SetText("","", "Website Hits 2001");
D.XScale=0;
D.Draw("#FFFF80", "#004080", false);
var i, j, y;
Monat=new Array("Jan", "Feb", "Mrz", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez");
for (i=0; i<12; i++)
{ y=500+Math.random()*400;
j=D.ScreenX(i+0.5);
if (i%2==0) new Bar(j-15, D.ScreenY(y), j+15, D.ScreenY(0), "#0000FF", Monat[i], "#FFFFFF", "Hits je Monat");
else new Bar(j-15, D.ScreenY(y), j+15, D.ScreenY(0), "#FF0000", Monat[i], "#000000", "Hits je Monat");
}
document.close();
</SCRIPT>
Folgende Methoden können verwendet werden:
- var B = new Bar(theLeft, theTop, theRight, theBottom, theDrawColor, theText, theTextColor
[, theTooltipText[, theOnClickAction[, theOnMouseoverAction[, theOnMouseoutAction]]]])
//Konstruktor und Anzeige, wenn theText="" dann min-Höhe=1 sonst min-Höhe=12
//wenn Sie B.SetText() später verwenden wollen, muß Text<>"" sein
- B.SetColor(theColor) //Farbe
- B.SetVisibility(isVisible) //Anzeigen oder Verbergen
- B.SetText(theText) //Text oder Bild
- B.SetTitle(theTitle) //TooltipText
- B.MoveTo(theLeft, theTop) //Verschieben
- B.ResizeTo(theLeft, theTop, theWidth, theHeight) //Größe ändern
- B.Delete() //DIV-Objekt von B aus dem Dokument löschen
- delete B //Destruktor
Vor dem Zeichenen kann der Text-style geändert werden:
_BFont=theFont;
_BFont ist eine globale Variable, welche für alle Bar- und Box-Objekte gültig ist.
Per Voreinstellung ist
_BFont="font-family:Verdana;font-weight:bold;font-size:10pt;line-height:13pt;" definiert.