taralino

.init

Der Befehl Plot.init(w, h) erwartet folgende (verpflichtende) Argumente:

Argument	Datentyp	Hinweis
w	Zahl	ganzzahlig, mindestens 100
h	Zahl	ganzzahlig, mindestens 100

Die Plot-Darstellung wird zur anschließenden Ausgabe mathematischer Funktionen und/oder Datenpunkte vorbereitet (initialisiert). Genauer definiert w die (maximale) Breite der Darstellung und h die Höhe.

Zudem können folgende Optionen verwendet werden:

Variable	Datentyp	Hinweis	Default-Wert
axis	Datenfeld	zwei Zeichenketten	ohne Achsenbeschriftung
background	Farbe	-	lightgrey
range	Datenfeld	zwei Intervalle	automatisch anhand der Daten
grid	Zeichenkette	-	level
scaling	Zeichenkette	on oder off	on
div	Zeichenkette	-	neues DIV-Element

Die Option axis dient zur Beschriftung der Achsen (siehe Beispiele unten) und mittels background kann die Hintergrundfarbe des Plots angepasst werden. Zur Definition des Darstellungbereichs kann die Option range verwendet werden.

Zudem definiert grid die Darstellung des Rasters. Als Möglichkeiten stehen hier folgende Zeichenketten zur Verfügung:

Zeichenkette	Bedeutung
none	kein Raster
level	horizontale Gitterlinien
vertical	vertikale Gitterlinien
full	vollständiges Gitternetz
crosses	Kreuze als Gitterpunkte
dots	Gitterpunkte

Weiterhin ist zu beachten, dass das verpflichtende Argument w stets als maximale Breite zu verstehen ist. Ist diese zu groß, wird automatisch auf eine optimale Größe verkleinert. Um dies zu verhindern, kann scaling auf off gesetzt werden.

Für Anwender mit HTML-Kenntnissen lässt sich mittels div definieren, welches DIV-Element zur Zeichnung verwendet werden soll. Genauer wird das DIV-Element mit der ID div zur anschließenden Darstellung genutzt. Wird die Option nicht verwendet, wird automatisch ein neues DIV-Element erzeugt.

Beispiel

Es wird die Sinusfunktion dargestellt, wobei die Plot-Darstellung mit unterschiedlichen Optionen initialisiert wird. Tipp: Verändere auch die Hintergrundfarbe der Darstellung.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

function f(x) {
  return Math.sin(x);
};

Plot.init(640, 300, {axis:["y-Achse","x-Achse"], grid:"full"});
Plot.func(f, 0, 20);
Plot.draw();

</script>
</body>
</html>

Vorschau Download Kopie speichern

Beispiel

Beispiel zur Veranschaulichung der Option range.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

var L = [];
for (var k = 0; k < 80; k++) L.push([random(1,7), random(5,6)]);

Plot.init(360, 360, {axis:["y-Achse","x-Achse"], range:[[0,8],[0,8]]});
Plot.list(L, {});
Plot.draw();

</script>
</body>
</html>

Vorschau Download Kopie speichern

Beispiel

Beispiel zur Veranschaulichung der Option scaling.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

function f(x) {
  return Math.sin(x);
};

Plot.init(1800, 300, {axis:["y-Achse","x-Achse"], scaling:"off"});
Plot.func(f, 0, 20);
Plot.draw();

</script>
</body>
</html>

Vorschau Download Kopie speichern