Pie Charts in JavaFX
- Home
- Tutorials
- Java
- Der Ultimative JavaFX 8 GUI Kurs - Dein Weg zu tollen GUIs
- Pie Charts in JavaFX
Dieses Video ist nicht verfügbar
Dieses Video steht nur eingeschriebenen Nutzern zur Verfügung.
Jetzt Kurs kaufen
In diesem Artikel lernst du die Verwendung von Pie Charts in JavaFX. Dabei handelt es sich um Kuchendiagramm, welches sehr verbreitet ist. Es wird gerne verwendet, um darzustellen welchen Anteil verschiedene Parteien haben z.B.. Wir verwenden in diesem Beispiel eine Scene mit einer Group, also kein BorderPane oder ähnliches, als das Layout.
Du siehst, dass wir mit ziemlich wenig Code, bereits ein so tolles Pie Chart erstellen können. Wenn wir nun auch noch Klicks nutzen wollen, dann benötigen wir wieder einen Eventhandler.
Dort wo wir drauf klicken, entsteht also ein Label, welches Anzeigt, wie viel Prozent der Teil des Kuchens hat. Du siehst also, mit data.getPieValue() erhältst du den Wert, den wir vorher in unserer Observable List zugeordnet haben. Erstelle nun dein eigenes Pie Chart und zeige rechts oben noch die Auflistung der Prozente neben den einzelnen Programmiersprachen.
Beispiel für ein Pie Chart in JavaFX:
ObservableList pieChartData =
FXCollections.observableArrayList(
new PieChart.Data("Java", 25),
new PieChart.Data("Swift", 15),
new PieChart.Data("PHP", 10),
new PieChart.Data("C#", 20),
new PieChart.Data("Andere", 30));
PieChart pieChart = new PieChart(pieChartData);
pieChart.setTitle("Programmiersprachen");

Verwendung von Klicks in Pie Charts in JavaFX:
Label details = new Label("");
details.setTextFill(Color.BLACK);
details.setStyle("-fx-font: 20 arial;");
for (final PieChart.Data data : pieChart.getData()) {
data.getNode().addEventHandler(MouseEvent.MOUSE_PRESSED,
new EventHandler() {
@Override public void handle(MouseEvent e) {
details.setTranslateX(e.getSceneX());
details.setTranslateY(e.getSceneY());
details.setText(String.valueOf(data.getPieValue()) + "%");
}
});
}
Damit wird folgender Effekt erreicht:

Vorherig
Gradient Color und Color in JavaFX
Nächste
Line Chart in JavaFX
Der Ultimative JavaFX 8 GUI Kurs - Dein Weg zu tollen GUIs
-
Hier starten
-
Lektion1.1
-
Lektion1.2
-
-
Grundlagen
-
Lektion2.1
-
Lektion2.2
-
Lektion2.3
-
Lektion2.4
-
Lektion2.5
-
Lektion2.6
-
Lektion2.7
-
-
Vollgas zur eigenen Benutzeroberfläche mit UI Controls
-
Lektion3.1
-
Lektion3.2
-
Lektion3.3
-
Lektion3.4
-
Lektion3.5
-
Lektion3.6
-
Lektion3.7
-
Lektion3.8
-
Lektion3.9
-
Lektion3.10
-
Lektion3.11
-
Lektion3.12
-
Lektion3.13
-
Lektion3.14
-
Lektion3.15
-
Lektion3.16
-
Lektion3.17
-
Lektion3.18
-
Lektion3.19
-
Lektion3.20
-
-
Layouts
-
Lektion4.1
-
Lektion4.2
-
Lektion4.3
-
Lektion4.4
-
Lektion4.5
-
Lektion4.6
-
Lektion4.7
-
-
Shapes
-
Lektion5.1
-
Lektion5.2
-
Lektion5.3
-
Lektion5.4
-
Lektion5.5
-
Lektion5.6
-
Lektion5.7
-
-
Charts
-
Lektion6.1
-
Lektion6.2
-
Lektion6.3
-
Lektion6.4
-
Lektion6.5Scatter Chart in JavaFX
-
-
Events
-
Lektion7.1
-
Lektion7.2
-
Lektion7.3
-
Lektion7.4
-
-
Audio und Video
-
Lektion8.1
-
Lektion8.2
-
Lektion8.3
-
-
SceneBuilder
-
Lektion9.1
-
Lektion9.2
-
Lektion9.3
-
Beliebte Kurse
Die Java 11 Masterclass - Werde zum Profi-Entwickler!
Werde zum Entwickler mit der Java 11 Masterclass! Starte in...
79,00€
Spiele entwickeln mit Unity 3D – Erstelle eigene Games in C# - Starter
Willkommen zum kostenlosen Teil des Kurses: "Spiele entwickeln mit Unity...
Kostenlos
Werde zum iOS 11 & Swift Entwickler in 6 Wochen - Starter
Willkommen zum kostenlosen Teil des Kurses: "Werde zum iOS 11...
Kostenlos