JavaFX - Grafico a barre

Un grafico a barre viene utilizzato per rappresentare i dati raggruppati utilizzando barre rettangolari. La lunghezza di queste barre rappresenta i valori. Le barre nel grafico a barre possono essere tracciate verticalmente o orizzontalmente.

Di seguito è riportato un grafico a barre, che mette a confronto varie marche di auto.

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

Passaggi per generare un grafico a barre

Per generare un grafico a barre 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. È quindi possibile implementare ilstart() 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 a barre e imposta le etichette su di essi. Nel nostro esempio, l'asse X rappresenta la categoria di confronto e l'asse y rappresenta il punteggio.

//Defining the x axis               
CategoryAxis xAxis = new CategoryAxis();   
        
xAxis.setCategories(FXCollections.<String>observableArrayList(Arrays.asList(
   "Speed", "User rating", "Milage", "Safety"))); 
xAxis.setLabel("category");  

//Defining the y axis 
NumberAxis yAxis = new NumberAxis(); 
yAxis.setLabel("score");

Passaggio 3: creazione del grafico a barre

Crea un grafico a linee istanziando la classe denominata BarChart 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 Bar chart 
BarChart<String, Number> barChart = new BarChart<>(xAxis, yAxis);  
barChart.setTitle("Comparison between various cars");

Passaggio 4: preparazione dei dati

Istanziare il file XYChart.Series class e aggiungi i dati (una serie di coordinate xey) all'elenco osservabile di questa classe come segue:

//Prepare XYChart.Series objects by setting data        
XYChart.Series<String, Number> series1 = new XYChart.Series<>(); 
series1.setName("Fiat"); 
series1.getData().add(new XYChart.Data<>("Speed", 1.0)); 
series1.getData().add(new XYChart.Data<>("User rating", 3.0)); 
series1.getData().add(new XYChart.Data<>("Milage", 5.0)); 
series1.getData().add(new XYChart.Data<>("Safety", 5.0));   

XYChart.Series<String, Number> series2 = new XYChart.Series<>(); 
series2.setName("Audi"); 
series2.getData().add(new XYChart.Data<>("Speed", 5.0)); 
series2.getData().add(new XYChart.Data<>("User rating", 6.0));  

series2.getData().add(new XYChart.Data<>("Milage", 10.0)); 
series2.getData().add(new XYChart.Data<>("Safety", 4.0));  

XYChart.Series<String, Number> series3 = new XYChart.Series<>(); 
series3.setName("Ford"); 
series3.getData().add(new XYChart.Data<>("Speed", 4.0)); 
series3.getData().add(new XYChart.Data<>("User rating", 2.0)); 
series3.getData().add(new XYChart.Data<>("Milage", 3.0)); 
series3.getData().add(new XYChart.Data<>("Safety", 6.0));

Passaggio 5: aggiungere dati al grafico a barre

Aggiungere le serie di dati preparate nel passaggio precedente al grafico a barre come segue:

//Setting the data to bar chart        
barChart.getData().addAll(series1, series2, series3);

Passaggio 6: creazione di un oggetto gruppo

Nel start()metodo, creare un oggetto gruppo istanziando la classe denominata Group. Questo appartiene al pacchettojavafx.scene.

Passare l'oggetto BarChart (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(barChart);

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

Il seguente esempio illustra varie statistiche di auto con l'aiuto di un grafico a barre. Di seguito è riportato un elenco di marchi automobilistici con le loro diverse caratteristiche, che mostreremo utilizzando un grafico a barre:

Macchina	Velocità	Voto dell'utente	Millage	Sicurezza
Fiat	1.0	3.0	5.0	5.0
Audi	5.0	6.0	10.0	4.0
Guado	4.0	2.0	3.0	6.0

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

Salva questo codice in un file con il nome BarChartExample.java.

import java.util.Arrays;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.chart.BarChart;
import javafx.scene.chart.CategoryAxis;
import javafx.stage.Stage;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
        
public class BarChartExample extends Application {
   @Override
   public void start(Stage stage) {    
      //Defining the axes              
      CategoryAxis xAxis = new CategoryAxis();  
      xAxis.setCategories(FXCollections.<String>
      observableArrayList(Arrays.asList("Speed", "User rating", "Milage", "Safety")));
      xAxis.setLabel("category");
       
      NumberAxis yAxis = new NumberAxis();
      yAxis.setLabel("score");
     
      //Creating the Bar chart
      BarChart<String, Number> barChart = new BarChart<>(xAxis, yAxis); 
      barChart.setTitle("Comparison between various cars");
        
      //Prepare XYChart.Series objects by setting data       
      XYChart.Series<String, Number> series1 = new XYChart.Series<>();
      series1.setName("Fiat");
      series1.getData().add(new XYChart.Data<>("Speed", 1.0));
      series1.getData().add(new XYChart.Data<>("User rating", 3.0));
      series1.getData().add(new XYChart.Data<>("Milage", 5.0));
      series1.getData().add(new XYChart.Data<>("Safety", 5.0));
        
      XYChart.Series<String, Number> series2 = new XYChart.Series<>();
      series2.setName("Audi");
      series2.getData().add(new XYChart.Data<>("Speed", 5.0));
      series2.getData().add(new XYChart.Data<>("User rating", 6.0));
      series2.getData().add(new XYChart.Data<>("Milage", 10.0));
      series2.getData().add(new XYChart.Data<>("Safety", 4.0));

      XYChart.Series<String, Number> series3 = new XYChart.Series<>();
      series3.setName("Ford");
      series3.getData().add(new XYChart.Data<>("Speed", 4.0));
      series3.getData().add(new XYChart.Data<>("User rating", 2.0));
      series3.getData().add(new XYChart.Data<>("Milage", 3.0));
      series3.getData().add(new XYChart.Data<>("Safety", 6.0));
              
      //Setting the data to bar chart       
      barChart.getData().addAll(series1, series2, series3);
        
      //Creating a Group object 
      Group root = new Group(barChart);
        
      //Creating a scene object
      Scene scene = new Scene(root, 600, 400);

      //Setting title to the Stage
      stage.setTitle("Bar 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 BarChartExample.java 
java BarChartExample

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