Skip to Content
Version 3.2 by Carina Enke on 28.10.2024
Show last authors
1 In diesem Beispiel wird ein JSXGraph-Objekt genutzt, um Werte angelegter Variablen als Punkt in einem Koordinatensystem anzuzeigen.
2
3 [[image:Beispiel1 Vorschau der Aufgabe_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
4
5
6 Um dieses Beispiel selbst zu erstellen, gehen Sie wie folgt vor:
7
8 |(% style="width:503px" %)Erstellen Sie eine Lückentextaufgabe. Legen Sie die Variablen 'var_x' und 'var_y' mit dem gewünschten Wertebereich an.|(% style="width:758px" %)[[image:Beispiel1_Variablen anlegen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
9 |(% style="width:503px" %)Erstellen Sie den Text der Aufgabenstellung und die benötigten Lücken für die Eingabe. Referenzieren Sie dort die angelegten Variablen.|(% style="width:758px" %)[[image:Beispiel1_Lücken mit Variablen verknüpfen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
10 |(% style="width:503px" %)(((
11 Fügen Sie mit Klick auf das Icon [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="23" width="25"]] ein JSXGraph-Objekt hinzu. Im Dialog passen Sie den JavaScript-Code wie folgt an:
12
13 {{code language="none"}}
14 x={var_x};
15 y={var_y};
16 var brd= JXG.JSXGraph.initBoard('JSX_CONTAINER_ID',
17 {axis:true, boundingbox:[-12, 12, 12, -12]});
18 brd.create('point', [x, y], {name:'P'});
19
20 {{/code}}
21
22
23 (% class="western" style="margin-bottom:11px" %)
24 (% lang="en-GB" %)Dabei erzeugt die Methode JXG.JSXGraph.initBoard() das Feld für die Grafik.
25 Die Optionen axis bzw. boundingbox fügen dem Feld  eine Achse hinzu bzw. bestimmen die Begrenzungskoordinaten des angezeigten Teils des Feldes.
26 Die Methode brd.create() mit dem Bezeichner 'point' wird verwendet, um einen Punkt mit den gegebenen Koordinaten und einem gegebenen Namen zu zeichnen (wenn man keinen Namen angibt, wird er automatisch beschriftet)
27
28 {{warning}}
29 **Bitte beachten Sie**: Ändern Sie die Bezeichnung 'JSX_CONTAINER_ID' nicht, da diese von ONYX benötigt wird.
30 {{/warning}}
31
32
33 )))|(% style="width:758px" %)[[image:Beispiel1 JSX-Objekt anlegen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
34 |(% style="width:503px" %)Prüfen Sie in der Vorschau ihre Angaben und Speichern Sie die Aufgabe|(% style="width:758px" %)[[image:Beispiel1 Vorschau der Aufgabe_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
35
36 (% class="western" %)
37 Der folgende Code nimmt die x-Koordinate des Punktes 'P' aus der ONYX-Variablen var_x  und malt diesen Punkt (mit der y-Koordinate 1) in eine JSXGraph-Tafel: