JavaFX - Gráfico de burbujas

Se utiliza un gráfico de burbujas para plantar datos tridimensionales; la tercera dimensión estará representada por el tamaño (radio) de la burbuja.

El siguiente es un gráfico de burbujas que muestra el trabajo realizado.

En JavaFX, un gráfico de burbujas está representado por una clase llamada BubbleChart. Esta clase pertenece al paquetejavafx.scene.chart. Al crear una instancia de esta clase, puede crear un nodo BubbleChart en JavaFX.

Pasos para generar un gráfico de burbujas

Para generar un gráfico de burbujas en JavaFX, siga los pasos que se indican a continuación.

Paso 1: crear una clase

Cree una clase Java y herede la Application clase del paquete javafx.application. Puede implementar elstart() método de esta clase de la siguiente manera.

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

Paso 2: Definición del eje

Defina los ejes X e Y del gráfico de burbujas y establezca etiquetas para ellos. En nuestro ejemplo, el eje X representa la edad, el eje Y representa el peso. Mientras, el radio de la burbuja representa el trabajo realizado.

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

Paso 3: creación del gráfico de burbujas

Cree un gráfico de líneas creando una instancia de la clase llamada BubbleChart del paquete javafx.scene.chart. Al constructor de esta clase, pase los objetos que representan los ejes X e Y creados en el paso anterior.

//Creating the Bubble chart 
BubbleChart bubbleChart = new BubbleChart(xAxis, yAxis);

Paso 4: preparar los datos

Instancia del XYChart.Series class y agregue los datos (una serie de coordenadas xey) a la lista Observable de esta clase de la siguiente manera:

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

Paso 5: agregue datos al gráfico de burbujas

Agregue la serie de datos preparada en el paso anterior al gráfico de áreas de la siguiente manera:

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

Paso 6: creación de un objeto de grupo

En el start()método, cree un objeto de grupo creando una instancia de la clase llamada Grupo. Esto pertenece al paquetejavafx.scene.

Pase el objeto BubbleChart (nodo), creado en el paso anterior, como parámetro al constructor de la clase Group. Esto debe hacerse para agregarlo al grupo de la siguiente manera:

Group root = new Group(bubbleChart);

Paso 7: creación de un objeto de escena

Cree una escena creando una instancia de la clase llamada Scene, que pertenece al paquete javafx.scene. A esta clase, pase el objeto Grupo (root), creado en el paso anterior.

Además del objeto raíz, también puede pasar dos parámetros dobles que representan la altura y el ancho de la pantalla, junto con el objeto de la clase Group de la siguiente manera.

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

Paso 8: Establecer el título del escenario

Puede establecer el título del escenario utilizando el setTitle() método del Stageclase. losprimaryStage es un objeto Stage, que se pasa al método de inicio de la clase de escena como parámetro.

Utilizando el primaryStage objeto, establezca el título de la escena como Sample Application como sigue.

primaryStage.setTitle("Sample Application");

Paso 9: Agregar escena al escenario

Puede agregar un objeto de escena al escenario usando el método setScene() de la clase nombrada Stage. Agregue el objeto Scene preparado en los pasos anteriores utilizando el siguiente método.

primaryStage.setScene(scene);

Paso 10: Visualización del contenido del escenario

Muestre el contenido de la escena usando el método llamado show() del Stage clase de la siguiente manera.

primaryStage.show();

Paso 11: Lanzamiento de la aplicación

Inicie la aplicación JavaFX llamando al método estático launch() del Application class del método principal de la siguiente manera.

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

Ejemplo

Consideremos diferentes personas junto con su edad, peso y capacidades de trabajo. La capacidad de trabajo se puede tratar como el número de horas que se traza como burbujas en el gráfico.

PESO
AÑOS
		30	40	50	60	70	80
	10	4						TRABAJO
	25		5
	40			6
	55				8
	70					9
	85						15

A continuación se muestra un programa de Java que genera un gráfico de burbujas, que muestra los datos anteriores utilizando JavaFX.

Guarde este código en un archivo con el nombre 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); 
   } 
}

Compile y ejecute el archivo java guardado desde el símbolo del sistema utilizando los siguientes comandos.

javac BubbleChartExample.java 
java BubbleChartExample

Al ejecutarse, el programa anterior genera una ventana JavaFX que muestra un gráfico de burbujas como se muestra a continuación.

↰ Previous page