JavaFX - Graphique en aires empilées
Le graphique StackedArea est une variante du graphique en aires qui affiche les tendances de la contribution de chaque valeur (par exemple, les heures supplémentaires). Les zones sont empilées de manière à ce que chaque série soit contiguë, mais ne chevauche pas la série précédente. Cela contraste avec le graphique en aires où chaque série recouvre la série précédente.
Voici un graphique empilé illustrant la croissance démographique.
Dans JavaFX, un graphique à aires empilées est représenté par une classe nommée StackedAreaChart. Cette classe appartient au packagejavafx.scene.chart. En instanciant cette classe, vous pouvez créer un nœud StackedAreaChart dans JavaFX.
Étapes pour générer un graphique en aires empilées
Pour générer un graphique en aires empilées dans JavaFX, suivez les étapes ci-dessous.
Étape 1: Créer une classe
Créez une classe Java et héritez du Application classe du package javafx.application. Ensuite, vous pouvez mettre en œuvre lestart() méthode de cette classe comme suit.
public class ClassName extends Application {
@Override
public void start(Stage primaryStage) throws Exception {
}
}Étape 2: Définition de l'axe
Définissez les axes X et Y du graphique en aires empilées et attribuez-leur des étiquettes. Dans notre exemple, l'axe X représente diverses années de 1750 à 2050. Ils ont des unités de graduation majeures tous les 50 ans. Alors que l'axe Y représente la croissance démographique en millions.
//Defining the X axis
CategoryAxis xAxis = new CategoryAxis();
xAxis.setCategories(FXCollections.<String>observableArrayList
(Arrays.asList("1 750", "1800", "1850", "1900", "1950", "1999", "2050" )));
//Defining the Y axis
NumberAxis yAxis = new NumberAxis(0, 10000, 2500);
yAxis.setLabel("Population in Billions");Étape 3: Création du graphique en aires empilées
Créez un graphique en courbes en instanciant la classe nommée StackedAreaChart du forfait javafx.scene.chart. Au constructeur de cette classe, transmettez les objets représentant les axes X et Y créés à l'étape précédente.
//Creating the Area chart
StackedAreaChart<String, Number> areaChart = new StackedAreaChart(xAxis, yAxis);
areaChart.setTitle("Historic and Estimated Worldwide Population Growth by Region");Étape 4: préparation des données
Instancier le XYChart.Series classe et ajoutez les données (une série de coordonnées x et y) à la liste Observable de cette classe comme suit -
//Prepare XYChart.Series objects by setting data
XYChart.Series series1 = new XYChart.Series();
series1.setName("Asia");
series1.getData().add(new XYChart.Data("1750", 502));
series1.getData().add(new XYChart.Data("1800", 635));
series1.getData().add(new XYChart.Data("1850", 809));
series1.getData().add(new XYChart.Data("1900", 947));
series1.getData().add(new XYChart.Data("1950", 1402));
series1.getData().add(new XYChart.Data("1999", 3634));
series1.getData().add(new XYChart.Data("2050", 5268));
XYChart.Series series2 = new XYChart.Series();
series2.setName("Africa");
series2.getData().add(new XYChart.Data("1750", 106));
series2.getData().add(new XYChart.Data("1800", 107));
series2.getData().add(new XYChart.Data("1850", 111));
series2.getData().add(new XYChart.Data("1900", 133));
series2.getData().add(new XYChart.Data("1950", 221));
series2.getData().add(new XYChart.Data("1999", 767));
series2.getData().add(new XYChart.Data("2050", 1766));
XYChart.Series series3 = new XYChart.Series();
series3.setName("Europe");
series3.getData().add(new XYChart.Data("1750", 163));
series3.getData().add(new XYChart.Data("1800", 203));
series3.getData().add(new XYChart.Data("1850", 276));
series3.getData().add(new XYChart.Data("1900", 408));
series3.getData().add(new XYChart.Data("1950", 547));
series3.getData().add(new XYChart.Data("1999", 729));
series3.getData().add(new XYChart.Data("2050", 628));
XYChart.Series series4 = new XYChart.Series();
series4.setName("America");
series4.getData().add(new XYChart.Data("1750", 18));
series4.getData().add(new XYChart.Data("1800", 31));
series4.getData().add(new XYChart.Data("1850", 54));
series4.getData().add(new XYChart.Data("1900", 156));
series4.getData().add(new XYChart.Data("1950", 339));
series4.getData().add(new XYChart.Data("1999", 818));
series4.getData().add(new XYChart.Data("2050", 1201));
XYChart.Series series5 = new XYChart.Series();
series5.setName("Oceania");
series5.getData().add(new XYChart.Data("1750", 2));
series5.getData().add(new XYChart.Data("1800", 2));
series5.getData().add(new XYChart.Data("1850", 2));
series5.getData().add(new XYChart.Data("1900", 6));
series5.getData().add(new XYChart.Data("1950", 13));
series5.getData().add(new XYChart.Data("1999", 30));
series5.getData().add(new XYChart.Data("2050", 46));Étape 5: Ajouter des données au graphique en aires empilées
Ajoutez la série de données préparée à l'étape précédente au graphique en aires empilées comme suit -
//Setting the data to area chart
areaChart.getData().addAll(series1, series2, series3, series4, series5);Étape 6: Création d'un objet de groupe
dans le start() , créez un objet de groupe en instanciant la classe nommée Group, qui appartient au package javafx.scene.
Passez l'objet StackedAreaChart (nœud) créé à l'étape précédente en tant que paramètre au constructeur de la classe Group. Cela devrait être fait afin de l'ajouter au groupe comme suit -
Group root = new Group(stackedAreaChart);Étape 7: Création d'un objet de scène
Créez une scène en instanciant la classe nommée Scene, qui appartient au package javafx.scene. À cette classe, transmettez l'objet Group (root) créé à l'étape précédente.
En plus de l'objet racine, vous pouvez également transmettre deux doubles paramètres représentant la hauteur et la largeur de l'écran, ainsi que l'objet de la classe Group comme suit.
Scene scene = new Scene(group ,600, 300);Étape 8: Définition du titre de la scène
Vous pouvez définir le titre de la scène à l'aide du setTitle() méthode de la Stageclasse. leprimaryStage est un objet Stage, qui est passé à la méthode start de la classe Scene en tant que paramètre.
En utilisant le primaryStage objet, définissez le titre de la scène comme Sample Application comme suit.
primaryStage.setTitle("Sample Application");Étape 9: Ajouter une scène à la scène
Vous pouvez ajouter un objet Scene à la scène en utilisant la méthode setScene() de la classe nommée Stage. Ajoutez l'objet Scene préparé aux étapes précédentes à l'aide de cette méthode comme suit.
primaryStage.setScene(scene);Étape 10: Affichage du contenu de la scène
Affichez le contenu de la scène en utilisant la méthode nommée show() du Stage classe comme suit.
primaryStage.show();Étape 11: Lancement de l'application
Lancez l'application JavaFX en appelant la méthode statique launch() du Application classe de la méthode principale comme suit.
public static void main(String args[]){
launch(args);
}Exemple
Le tableau suivant répertorie la population des différents continents de l'année 1750 à l'année 2050.
| Asie | Afrique | L'Europe | Amérique | Océanie | |
|---|---|---|---|---|---|
| 1750 | 502 | 106 | 163 | 18 | 2 |
| 1800 | 635 | 107 | 203 | 31 | 2 |
| 1850 | 809 | 111 | 276 | 54 | 2 |
| 1900 | 947 | 133 | 408 | 156 | 6 |
| 1950 | 1402 | 221 | 547 | 339 | 13 |
| 1999 | 3634 | 767 | 729 | 818 | 30 |
| 2050 | 5268 | 1766 | 628 | 1201 | 46 |
Voici un programme Java qui génère un graphique en aires empilées représentant les données ci-dessus à l'aide de JavaFX.
Enregistrez ce code dans un fichier avec le nom StackedAreaChartExample.java.
import java.util.Arrays;
import javafx.application.Application;
import static javafx.application.Application.launch;
import javafx.collections.FXCollections;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.chart.CategoryAxis;
import javafx.stage.Stage;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.StackedAreaChart;
import javafx.scene.chart.XYChart;
public class StackedAreaChartExample extends Application {
@Override
public void start(Stage stage) {
//Defining the axes
CategoryAxis xAxis = new CategoryAxis();
xAxis.setCategories(FXCollections.<String>observableArrayList(
Arrays.asList("1750", "1800", "1850", "1900", "1950", "1999", "2050" )));
NumberAxis yAxis = new NumberAxis(0, 10000, 2500);
yAxis.setLabel("Population in Millions");
//Creating the Area chart
StackedAreaChart<String, Number> areaChart = new StackedAreaChart(xAxis, yAxis);
areaChart.setTitle("Historic and Estimated Worldwide Population Growth by Region");
//Prepare XYChart.Series objects by setting data
XYChart.Series series1 = new XYChart.Series();
series1.setName("Asia");
series1.getData().add(new XYChart.Data("1750", 502));
series1.getData().add(new XYChart.Data("1800", 635));
series1.getData().add(new XYChart.Data("1850", 809));
series1.getData().add(new XYChart.Data("1900", 947));
series1.getData().add(new XYChart.Data("1950", 1402));
series1.getData().add(new XYChart.Data("1999", 3634));
series1.getData().add(new XYChart.Data("2050", 5268));
XYChart.Series series2 = new XYChart.Series();
series2.setName("Africa");
series2.getData().add(new XYChart.Data("1750", 106));
series2.getData().add(new XYChart.Data("1800", 107));
series2.getData().add(new XYChart.Data("1850", 111));
series2.getData().add(new XYChart.Data("1900", 133));
series2.getData().add(new XYChart.Data("1950", 221));
series2.getData().add(new XYChart.Data("1999", 767));
series2.getData().add(new XYChart.Data("2050", 1766));
XYChart.Series series3 = new XYChart.Series();
series3.setName("Europe");
series3.getData().add(new XYChart.Data("1750", 163));
series3.getData().add(new XYChart.Data("1800", 203));
series3.getData().add(new XYChart.Data("1850", 276));
series3.getData().add(new XYChart.Data("1900", 408));
series3.getData().add(new XYChart.Data("1950", 547));
series3.getData().add(new XYChart.Data("1999", 729));
series3.getData().add(new XYChart.Data("2050", 628));
XYChart.Series series4 = new XYChart.Series();
series4.setName("America");
series4.getData().add(new XYChart.Data("1750", 18));
series4.getData().add(new XYChart.Data("1800", 31));
series4.getData().add(new XYChart.Data("1850", 54));
series4.getData().add(new XYChart.Data("1900", 156));
series4.getData().add(new XYChart.Data("1950", 339));
series4.getData().add(new XYChart.Data("1999", 818));
series4.getData().add(new XYChart.Data("2050", 1201));
XYChart.Series series5 = new XYChart.Series();
series5.setName("Oceania");
series5.getData().add(new XYChart.Data("1750", 2));
series5.getData().add(new XYChart.Data("1800", 2));
series5.getData().add(new XYChart.Data("1850", 2));
series5.getData().add(new XYChart.Data("1900", 6));
series5.getData().add(new XYChart.Data("1950", 13));
series5.getData().add(new XYChart.Data("1999", 30));
series5.getData().add(new XYChart.Data("2050", 46));
//Setting the data to area chart
areaChart.getData().addAll(series1, series2, series3, series4, series5);
//Creating a Group object
Group root = new Group(areaChart);
//Creating a scene object
Scene scene = new Scene(root, 600, 400);
//Setting title to the Stage
stage.setTitle("Stacked Area Chart");
//Adding scene to the stage
stage.setScene(scene);
//Displaying the contents of the stage
stage.show();
}
public static void main(String args[]){
launch(args);
}
}Compilez et exécutez le fichier java enregistré à partir de l'invite de commande à l'aide des commandes suivantes.
javac StackedAreaChartExample.java
java StackedAreaChartExampleLors de l'exécution, le programme ci-dessus génère une fenêtre JavaFX affichant un graphique en aires empilées comme illustré ci-dessous.
