JavaFX - Graphique en aires

Les graphiques en aires sont utilisés pour dessiner des graphiques en zones. Il trace la zone entre la série de points donnée et l'axe. En général, ce graphique permet de comparer deux grandeurs.

Voici un graphique en aires illustrant le nombre de fruits consommés par deux personnes en une semaine.

Dans JavaFX, un graphique en aires est représenté par une classe nommée AreaChart. Cette classe appartient au packagejavafx.scene.chart. En instanciant cette classe, vous pouvez créer un nœud AreaChart dans JavaFX.

Étapes pour générer un graphique en aires

Pour générer un graphique en aires 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 et mettre en œuvre le start() 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 et attribuez-leur des étiquettes. Dans notre exemple, l'axe X représente les jours d'une semaine et l'axe y représente les unités de fruits consommés.

//Defining the X axis               
CategoryAxis xAxis = new CategoryAxis();  
           
//Defining the y Axis 
NumberAxis yAxis = new NumberAxis(0, 15, 2.5); 
yAxis.setLabel("Fruit units");

Étape 3: Création du graphique en aires

Créez un graphique en courbes en instanciant la classe nommée AreaChart 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 
AreaChart<String, Number> areaChart = new AreaChart(xAxis, yAxis);         
areaChart.setTitle("Average fruit consumption during one week");

Étape 4: préparation des données

Instancier le XYChart.Seriesclasse. Ajoutez ensuite 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("John"); 
series1.getData().add(new XYChart.Data("Monday", 3)); 
series1.getData().add(new XYChart.Data("Tuesday", 4)); 
series1.getData().add(new XYChart.Data("Wednesday", 3)); 
series1.getData().add(new XYChart.Data("Thursday", 5)); 
series1.getData().add(new XYChart.Data("Friday", 4)); 
series1.getData().add(new XYChart.Data("Saturday", 10)); 
series1.getData().add(new XYChart.Data("Sunday", 12));  

XYChart.Series series2 = new XYChart.Series(); 
series2.setName("Jane"); 
series2.getData().add(new XYChart.Data("Monday", 1)); 
series2.getData().add(new XYChart.Data("Tuesday", 3)); 
series2.getData().add(new XYChart.Data("Wednesday", 4));  

series2.getData().add(new XYChart.Data("Thursday", 3)); 
series2.getData().add(new XYChart.Data("Friday", 3)); 
series2.getData().add(new XYChart.Data("Saturday", 5)); 
series2.getData().add(new XYChart.Data("Sunday", 4));

Étape 5: Ajouter des données au graphique en aires

Ajoutez la série de données préparée à l'étape précédente au graphique en aires comme suit -

//Setting the XYChart.Series objects to area chart        
areaChart.getData().addAll(series1,series2);

É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 AreaChart (node), 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(areaChart);

É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 la méthode suivante.

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 montre le nombre de fruits consommés par John et Jane en une semaine.

Jour de la semaine	Fruits consommés par John	Fruits consommés par Jane
Lundi	3	1
Mardi	4	3
Mercredi	3	4
Jeudi	5	3
Vendredi	4	3
samedi	dix	5
dimanche	12	4

Voici un programme Java qui génère un graphique en aires, illustrant les données ci-dessus à l'aide de JavaFX.

Enregistrez ce code dans un fichier avec le nom AreaChartExample.java.

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.chart.AreaChart; 
import javafx.scene.chart.CategoryAxis; 
import javafx.stage.Stage; 
import javafx.scene.chart.NumberAxis; 
import javafx.scene.chart.XYChart; 
         
public class AreaChartExample extends Application { 
   @Override 
   public void start(Stage stage) {     
      //Defining the X axis               
      CategoryAxis xAxis = new CategoryAxis();  
           
      //defining the y Axis 
      NumberAxis yAxis = new NumberAxis(0, 15, 2.5); 
      yAxis.setLabel("Fruit units");  
      
      //Creating the Area chart 
      AreaChart<String, Number> areaChart = new AreaChart(xAxis, yAxis);
      areaChart.setTitle("Average fruit consumption during one week");        
         
      //Prepare XYChart.Series objects by setting data  
      XYChart.Series series1 = new XYChart.Series();  
      series1.setName("John"); 
      series1.getData().add(new XYChart.Data("Monday", 3)); 
      series1.getData().add(new XYChart.Data("Tuesday", 4)); 
      series1.getData().add(new XYChart.Data("Wednesday", 3)); 
      series1.getData().add(new XYChart.Data("Thursday", 5)); 
      series1.getData().add(new XYChart.Data("Friday", 4));
      series1.getData().add(new XYChart.Data("Saturday", 10));  
      series1.getData().add(new XYChart.Data("Sunday", 12)); 
                         
      XYChart.Series series2 = new XYChart.Series(); 
      series2.setName("Jane"); 
      series2.getData().add(new XYChart.Data("Monday", 1)); 
      series2.getData().add(new XYChart.Data("Tuesday", 3)); 
      series2.getData().add(new XYChart.Data("Wednesday", 4)); 
      series2.getData().add(new XYChart.Data("Thursday", 3)); 
      series2.getData().add(new XYChart.Data("Friday", 3)); 
      series2.getData().add(new XYChart.Data("Saturday", 5)); 
      series2.getData().add(new XYChart.Data("Sunday", 4));       
                
      //Setting the XYChart.Series objects to area chart        
      areaChart.getData().addAll(series1,series2); 
         
      //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("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 AreaChartExample.java 
java AreaChartExample

Lors de l'exécution, le programme ci-dessus génère une fenêtre JavaFX affichant un graphique en aires comme indiqué ci-dessous.