JavaFX - Grafico ad area

I grafici ad area vengono utilizzati per disegnare grafici basati su area. Traccia l'area tra la serie di punti data e l'asse. In generale, questo grafico viene utilizzato per confrontare due quantità.

Di seguito è riportato un grafico ad area che mostra il numero di frutti consumati da due persone in una settimana.

In JavaFX, un grafico ad area è rappresentato da una classe denominata AreaChart. Questa classe appartiene al pacchettojavafx.scene.chart. Istanziando questa classe, è possibile creare un nodo AreaChart in JavaFX.

Passaggi per generare un grafico ad area

Per generare un grafico ad area in JavaFX, seguire i passaggi indicati di seguito.

Passaggio 1: creazione di una classe

Crea una classe Java ed eredita il file Application classe del pacchetto javafx.application e implementare il start() metodo di questa classe come segue.

public class ClassName extends Application { 
   @Override     
   public void start(Stage primaryStage) throws Exception {     
   }    
}

Passaggio 2: definizione dell'asse

Definisci gli assi X e Y del grafico ad area e imposta le etichette su di essi. Nel nostro esempio, l'asse X rappresenta i giorni di una settimana e l'asse y rappresenta le unità di frutta consumate.

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

Passaggio 3: creazione del grafico ad area

Crea un grafico a linee istanziando la classe denominata AreaChart del pacchetto javafx.scene.chart. Al costruttore di questa classe, passare gli oggetti che rappresentano gli assi X e Y creati nel passaggio precedente.

//Creating the Area chart 
AreaChart<String, Number> areaChart = new AreaChart(xAxis, yAxis);         
areaChart.setTitle("Average fruit consumption during one week");

Passaggio 4: preparazione dei dati

Istanziare il file XYChart.Seriesclasse. Quindi aggiungi i dati (una serie di coordinate x e y) all'elenco osservabile di questa classe come segue:

//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));

Passaggio 5: aggiungere dati al grafico ad area

Aggiungere le serie di dati preparate nel passaggio precedente al grafico ad area come segue:

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

Passaggio 6: creazione di un oggetto gruppo

Nel start() metodo, creare un oggetto gruppo istanziando la classe denominata Group, che appartiene al pacchetto javafx.scene.

Passare l'oggetto AreaChart (nodo), creato nel passaggio precedente come parametro al costruttore della classe Group. Questo dovrebbe essere fatto per aggiungerlo al gruppo come segue:

Group root = new Group(areaChart);

Passaggio 7: creazione di un oggetto scena

Crea una scena istanziando la classe denominata Scene, che appartiene al pacchetto javafx.scene. A questa classe, passa l'oggetto Group (root) creato nel passaggio precedente.

Oltre all'oggetto radice, puoi anche passare due parametri doppi che rappresentano l'altezza e la larghezza dello schermo, insieme all'oggetto della classe Group come segue.

Scene scene = new Scene(group ,600, 300);

Passaggio 8: impostazione del titolo dello stage

Puoi impostare il titolo dello stage utilizzando il file setTitle() metodo del Stageclasse. IlprimaryStage è un oggetto Stage, che viene passato al metodo di avvio della classe scene come parametro.

Usando il primaryStage oggetto, imposta il titolo della scena come Sample Application come segue.

primaryStage.setTitle("Sample Application");

Passaggio 9: aggiunta di una scena allo stage

Puoi aggiungere un oggetto Scene allo stage utilizzando il metodo setScene() della classe denominata Stage. Aggiungere l'oggetto Scene preparato nei passaggi precedenti utilizzando il metodo seguente.

primaryStage.setScene(scene);

Passaggio 10: visualizzazione dei contenuti dello stage

Visualizza il contenuto della scena utilizzando il metodo denominato show() del Stage classe come segue.

primaryStage.show();

Passaggio 11: avvio dell'applicazione

Avvia l'applicazione JavaFX chiamando il metodo statico launch() del Application class dal metodo principale come segue.

public static void main(String args[]){   
   launch(args);      
}

Esempio

La tabella seguente mostra il numero di frutti consumati da John e Jane in una settimana.

Giorno della settimana	Frutti consumati da Giovanni	Frutti consumati da Jane
Lunedi	3	1
martedì	4	3
mercoledì	3	4
giovedi	5	3
Venerdì	4	3
Sabato	10	5
Domenica	12	4

Di seguito è riportato un programma Java che genera un grafico ad area, raffigurante i dati di cui sopra utilizzando JavaFX.

Salva questo codice in un file con il nome 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)
   }
}

Compilare ed eseguire il file java salvato dal prompt dei comandi utilizzando i seguenti comandi.

javac AreaChartExample.java 
java AreaChartExample

All'esecuzione, il programma precedente genera una finestra JavaFX che mostra un grafico ad area come mostrato di seguito.