JavaFX - Grafico a bolle

Un grafico a bolle viene utilizzato per piantare dati tridimensionali; la terza dimensione sarà rappresentata dalla dimensione (raggio) della bolla.

Quello che segue è un grafico a bolle che rappresenta il lavoro svolto.

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

Passaggi per generare un grafico a bolle

Per generare un grafico a bolle 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. Puoi 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 bolle e imposta le etichette su di essi. Nel nostro esempio, l'asse X rappresenta l'età, l'asse Y rappresenta il peso. Mentre, il raggio della bolla rappresenta il lavoro svolto.

//Defining the X axis               
NumberAxis xAxis = new NumberAxis(0, 100, 10);        
xAxis.setLabel("Age");  

//Defining Y axis        
NumberAxis yAxis = new NumberAxis(20, 100, 10); 
yAxis.setLabel("Weight");

Passaggio 3: creazione del grafico a bolle

Crea un grafico a linee istanziando la classe denominata BubbleChart 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 Bubble chart 
BubbleChart bubbleChart = new BubbleChart(xAxis, yAxis);

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 series = new XYChart.Series();  
series.setName("work");  

series.getData().add(new XYChart.Data(10,30,4));  
series.getData().add(new XYChart.Data(25,40,5)); 
series.getData().add(new XYChart.Data(40,50,9)); 
series.getData().add(new XYChart.Data(55,60,7));    
series.getData().add(new XYChart.Data(70,70,9));        
series.getData().add(new XYChart.Data(85,80,6));

Passaggio 5: aggiungere dati al grafico a bolle

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

//Setting the data to bar chart        
bubbleChart.getData().add(series);

Passaggio 6: creazione di un oggetto gruppo

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

Passa l'oggetto BubbleChart (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(bubbleChart);

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

Consideriamo persone diverse con la loro età, peso e capacità lavorative. La capacità di lavoro può essere considerata come il numero di ore tracciate come bolle nel grafico.

PESO
ETÀ
		30	40	50	60	70	80
	10	4						LAVORO
	25		5
	40			6
	55				8
	70					9
	85						15

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

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

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.chart.BubbleChart; 
import javafx.stage.Stage;  
import javafx.scene.chart.NumberAxis; 
import javafx.scene.chart.XYChart; 
         
public class BubbleChartExample extends Application { 
   @Override 
   public void start(Stage stage) {     
      //Defining the axes               
      NumberAxis xAxis = new NumberAxis(0, 100, 10);        
      xAxis.setLabel("Age"); 
        
      NumberAxis yAxis = new NumberAxis(20, 100, 10); 
      yAxis.setLabel("Weight"); 
      
      //Creating the Bubble chart 
      BubbleChart bubbleChart = new BubbleChart(xAxis, yAxis);    
         
      //Prepare XYChart.Series objects by setting data        
      XYChart.Series series = new XYChart.Series();  
      series.setName("work"); 
         
      series.getData().add(new XYChart.Data(10,30,4));  
      series.getData().add(new XYChart.Data(25,40,5)); 
      series.getData().add(new XYChart.Data(40,50,9)); 
      series.getData().add(new XYChart.Data(55,60,7));    
      series.getData().add(new XYChart.Data(70,70,9));        
      series.getData().add(new XYChart.Data(85,80,6));
      
      //Setting the data to bar chart         
      bubbleChart.getData().add(series); 
         
      //Creating a Group object  
      Group root = new Group(bubbleChart); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 400);  
      
      //Setting title to the Stage 
      stage.setTitle("Bubble 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 BubbleChartExample.java 
java BubbleChartExample

All'esecuzione, il programma di cui sopra genera una finestra JavaFX che mostra un grafico a bolle come mostrato di seguito.

↰ Previous page