{TWBSCR} {TWBSCR}
Bevor Sie mit dieser Übung beginnen, müssen Sie zuerst Übung 3.3: Eine Baumstrukturkomponente hinzufügen ausführen.
Aktie |
Anzahl |
Preis |
---|---|---|
IBM |
100 |
58 |
IBM2 |
250 |
130 |
IBM3 |
1000 |
100 |
IBM4 |
500 |
82 |
Um dies grafisch darzustellen, benötigen Sie zuerst die Liste selbst als Ankerpunkt. Dann müssen Sie festlegen, welche Spalte als X-Achse verwendet werden soll und schließlich die einzelnen Spalten angeben, die jeweils die einzelnen Datenserien darstellen sollen. Wenn Sie beispielsweise die vier Aktienkäufe grafisch darstellen und die Informationen zu Anzahl und Preis nebeneinander anzeigen wollen, würden Sie die Spalten "Anzahl" und "Preis" als Datenserien angeben.
Für diesen Lerntext stellen Sie den Inhalt eines Portfolios grafisch dar, binden die Eigenschaft 'positions' und zeichnen nebeneinander den aktuellen Wert der einzelnen Aktien und die erworbene Anzahl ein.
Hinweis: Wenn Sie Daten mit doppelten Zeilen haben, beispielsweise mehrere Dateneinträge für eine bestimmte Aktie, können Sie ähnliche Datenelemente gruppieren, indem Sie das Markierungsfeld Gruppenwerte auswählen.
Wenn Sie Werte gruppieren, müssen Sie die Funktion auswählen, die zum Zusammenstellen von zwei oder mehreren zu gruppierenden Datenelementen verwendet werden soll. Das System unterstützt Basisfunktionen wie sum, average, min, max, first und last. Wenn Sie nur zwei Datenserien haben, können Sie sie zusammen in einem Diagramm darstellen und ihre y-Achsenbezeichnungen auf beiden Seiten des Diagramms einzeichnen, sodass Sie eine linke und eine rechte y-Achse haben. Wählen Sie die Funktion SUM zum Gruppieren der Daten aus, da für dieselbe Aktie mehrere Einträge vorhanden sind. Wählen Sie in der Datenformatsanzeige das Format für die einzelnen Datenserien aus. Wenn Sie beispielsweise numerische Daten darstellen, ist es wichtig, dass Sie die Anzahl der anzuzeigenden Dezimalstellen angeben. Das Verhalten der Formatoptionen entspricht ihrem Verhalten für das Diagramm.
Für die Diagrammkomponente sind keine Ereignisse vorhanden, da sie keine Benutzereingaben zulässt. Alle Anzeigenereignisse werden intern von der Flash-Steuerung verwaltet. Die Diagrammkomponente reagiert nur auf andere Seitenereignisse und aktualisiert jeweils ihre Anzeige.
Wenn Sie die Darstellung und Funktionsweise (Look and Feel) des Diagramms anpassen wollen, bearbeiten Sie die CSS-Standarddatei (CSS, Cascading Style Sheet). Diese Datei hat den Namen graph.css. Die Datei steht in Ihrem Projekt im Projektnavigator unter /WebContent/theme/graph.css zur Verfügung.
Sie können nun mit Übung 3.5: Auf dem Server testen beginnen.