JavaScript Diagram Builder - Das Objekt 'Diagram'
|
|
Das Objekt 'Diagram' stellt die Möglichkeit bereit, ein Diagramm an einer definierten Position des Dokuments
in einer definierten Größe zu zeichnen. Eine passende Skale wird automatisch entsprechend der angegebenen
xmin-, xmax-, ymin- und ymax-Werte gezeichnet. Das Diagramm stellt - auch wenn es nicht dargestellt wird - einige
nützliche Funktionen zur Umwandlung von Bildschirm- in Welt-Koordinaten (und umgekehrt) bereit.
|
Das Diagramm wurde erzeugt durch:
<SCRIPT Language="JavaScript">
document.open();
var D=new Diagram();
D.SetFrame(80, 160, 420, 360);
D.SetBorder(10, 50, 0, 4);
D.SetText("X-Skale","Y-Skale", "Titel");
D.Draw("#80FF80", "#0000FF", true, "Klick mich !", "DiagramClick()");
document.close();
function DiagramClick()
{ alert("Verwenden Sie hier Ihre eigene Funktion."); }
</SCRIPT>
Folgende Methoden können verwendet werden:
- var D = new Diagram() //Konstruktor
- D.SetFrame(theLeft, theTop, theRight, theBottom) //Bildschirm
- D.SetBorder(theLeftX, theRightX, theBottomY, theTopY) //Welt
- D.SetText(theScaleX, theScaleY, theTitle) //Skalenbeschriftung
- D.ScreenX(theRealX) //Koordinatentransformation Welt->Bildschirm
- D.ScreenY(theRealY) //Koordinatentransformation Welt->Bildschirm
- D.RealX(theScreenX) //Koordinatentransformation Bildschirm->Welt
- D.RealY(theScreenY) //Koordinatentransformation Bildschirm->Welt
- D.Draw(theDrawColor, theTextColor, isScaleText[, theTooltipText[, theAction]]) //Zeichnen
- D.SetVisibility(isVisible) //Anzeigen oder Verbergen
- D.SetTitle(theTitle) //TooltipText
- D.Delete() //DIV-Objekt von D aus dem Dokument löschen
- delete D //Destruktor
Vor dem Zeichnen können die folgenden Eigenschaften gesetzt werden:
- D.XScale // 0 = keine Skale; 1 = numerisch (default); 2, 3, ... = Datum/Zeit
- D.YScale // 0 = keine Skale; 1 = numerisch (default); 2, 3, ... = Datum/Zeit
Wegen eines Fehlers in Netscape 4.x muß der folgende Code in die Web-Seite eingefügt weden
bevor die Objekte verwendet werden:
<DIV STYLE="position:absolute; top:0"></DIV>
Außerdem muß für Netscape 4.x die Datei
transparent.gif im Verzeichnis der Web-Seite vorhanden
sein.