JavaFX einfach Balkendiagramme erstellen

Wenn du an der Darstellung von Daten interessiert bist, ist ein Balkendiagramm eine der effektivsten Möglichkeiten, um Informationen visuell zu präsentieren. In dieser Anleitung lernst du, wie du mit JavaFX ein Balkendiagramm (BarChart) erstellen kannst. Durch die Verwendung von Balkendiagrammen kannst du bedeutende Trends und Vergleiche einfach identifizieren. Lass uns eintauchen!

Wichtigste Erkenntnisse

Um ein Balkendiagramm in JavaFX zu erstellen, benötigst du die Basic-Klassen für das Diagramm, darunter CategoryAxis für die X-Achse und NumberAxis für die Y-Achse. Du kannst verschiedene Serien von Daten hinzufügen und Labels für Achsen setzen, um die Lesbarkeit deines Diagramms zu verbessern.

Schritt-für-Schritt-Anleitung

Das Erstellen eines Balkendiagramms in JavaFX ist ein einfacher Prozess, den du in mehreren Schritten durchlaufen kannst.

Schritt 1: Grundlagen des Balkendiagramms

Bevor wir mit der Implementierung beginnen, sieh dir ein Beispiel eines Balkendiagramms an. Hier präsentieren wir die Verbreitung verschiedener mobiler Betriebssysteme über die Jahre. Du hast bereits die grundlegenden Elemente des Diagramms gesehen, wie die Balken, die für die einzelnen Betriebssysteme stehen.

Schritt 2: Definition der Daten

Zunächst definierst du einige Strings, die die Betriebssysteme repräsentieren. Kopiere die Angaben für die verschiedenen Betriebssysteme, die du im Diagramm darstellen möchtest. Zum Beispiel:

final static String itemA = "Android";
final static String itemB = "iOS";
final static String itemC = "Windows 10";

Jetzt hast du alle notwendigen Daten für die X-Achse, die die Betriebssysteme darstellen.

Schritt 3: Erstellen der Achsen

Um das Balkendiagramm zu erstellen, benötigst du sowohl eine Kategorie-Achse (für die Betriebssysteme) als auch eine numerische Achse (für die Verbreitung in Prozent). Erstelle die Achsen wie folgt:

CategoryAxis xAxis = new CategoryAxis();
NumberAxis yAxis = new NumberAxis();

Schritt 4: Initialisierung des Balkendiagramms

Durch das Setzen eines Titels erhält dein Balkendiagramm mehr Kontext.

Schritt 5: Labels für die Achsen

Damit dein Diagramm klarer verständlich ist, solltest du Labels für die Achsen hinzufügen. Dies hilft den Betrachtern, die dargestellten Daten besser einzuordnen:

xAxis.setLabel("Betriebssystem");
yAxis.setLabel("Verbreitung in Prozent");

Schritt 6: Hinzufügen von Datenserien

Jetzt ist es an der Zeit, die Daten in Form von Serien hinzuzufügen. Erstelle die erste Datenreihe für das Jahr 2014:

Hier hast du die Verbreitungsdaten für jedes Betriebssystem im Jahr 2014 festgelegt.

Schritt 7: Zweite Datenreihe hinzufügen

Du kannst eine zweite Datenreihe für das Jahr 2015 hinzufügen. Diese gibt dir die Möglichkeit, Veränderungen im Zeitverlauf darzustellen. Erstelle diese Serie ähnlich der ersten:

Schritt 8: Daten zu BarChart hinzufügen

Um dein Balkendiagramm vollständig zu machen, musst du die Serien zum BarChart hinzufügen:

Jetzt hast du beide Datenserien hinzugefügt. Das Diagramm ist bereit, um gerendert zu werden.

Schritt 9: Anzeige des Balkendiagramms

Jetzt kannst du das Diagramm anzeigen. Nutze eine geeignete Szene und Stage, um dein Diagramm auf dem Bildschirm sichtbar zu machen. Damit hast du alle Schritte zur Erstellung deines Balkendiagramms abgeschlossen.

Zusammenfassung

In dieser Anleitung hast du gelernt, wie du mit JavaFX ein Balkendiagramm erstellst. Du hast die grundlegenden Schritte von der Definition der Daten über das Erstellen von Achsen und das Hinzufügen von Datenserien bis hin zur Anzeige des Diagramms durchlaufen. Hast du auch gesehen, wie statische Strings und Achsenkonfigurationen helfen, die Präsentation zu optimieren. Mit diesen Techniken kannst du Daten visuell ansprechend und informativ darstellen.