JavaFX - Gráfico de líneas

Un gráfico de líneas o un gráfico de líneas muestra información como una serie de puntos de datos (marcadores) conectados por segmentos de línea recta. Un gráfico de líneas muestra cómo cambian los datos con la misma frecuencia de tiempo.

A continuación se muestra un gráfico de líneas que muestra el número de escuelas en diferentes años.

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

Pasos para generar un gráfico de líneas

Para generar un gráfico de líneas en JavaFX, debe seguir 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. A continuación, 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 líneas y establezca etiquetas para ellos.

En nuestro ejemplo, el eje X representa los años que comienzan desde 1960 hasta 2020 con una marca de verificación importante cada diez años.

//Defining X axis  
NumberAxis xAxis = new NumberAxis(1960, 2020, 10); 
xAxis.setLabel("Years"); 
        
//Defining y axis 
NumberAxis yAxis = new NumberAxis(0, 350, 50); 
yAxis.setLabel("No.of schools");

Paso 3: creación del gráfico de líneas

Cree un gráfico de líneas creando una instancia de la clase llamada LineChart 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.

LineChart linechart = new LineChart(xAxis, yAxis);

Paso 4: preparar los datos

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

XYChart.Series series = new XYChart.Series(); 
series.setName("No of schools in an year"); 
        
series.getData().add(new XYChart.Data(1970, 15)); 
series.getData().add(new XYChart.Data(1980, 30)); 
series.getData().add(new XYChart.Data(1990, 60)); 
series.getData().add(new XYChart.Data(2000, 120)); 
series.getData().add(new XYChart.Data(2013, 240)); 
series.getData().add(new XYChart.Data(2014, 300));

Paso 5: agregar datos al gráfico de líneas

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

//Setting the data to Line chart    
linechart.getData().add(series);

Paso 6: creación de un objeto de grupo

En el start() método, cree un objeto de grupo instanciando la clase llamada Group. Esto pertenece al paquetejavafx.scene.

Pase el objeto LineChart (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(linechart);

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 este método de la siguiente manera.

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

La siguiente tabla muestra la cantidad de escuelas que estaban en un área desde el año 1970 hasta el 2014.

Año	Número de escuelas
1970	15
1980	30
1990	60
2000	120
2013	240
2014	300

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

Guarde este código en un archivo con el nombre LineChartExample.java.

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.chart.LineChart; 
import javafx.scene.chart.NumberAxis; 
import javafx.scene.chart.XYChart; 
         
public class LineChartExample extends Application { 
   @Override 
   public void start(Stage stage) {
      //Defining the x axis             
      NumberAxis xAxis = new NumberAxis(1960, 2020, 10); 
      xAxis.setLabel("Years"); 
        
      //Defining the y axis   
      NumberAxis yAxis = new NumberAxis   (0, 350, 50); 
      yAxis.setLabel("No.of schools"); 
        
      //Creating the line chart 
      LineChart linechart = new LineChart(xAxis, yAxis);  
        
      //Prepare XYChart.Series objects by setting data 
      XYChart.Series series = new XYChart.Series(); 
      series.setName("No of schools in an year"); 
        
      series.getData().add(new XYChart.Data(1970, 15)); 
      series.getData().add(new XYChart.Data(1980, 30)); 
      series.getData().add(new XYChart.Data(1990, 60)); 
      series.getData().add(new XYChart.Data(2000, 120)); 
      series.getData().add(new XYChart.Data(2013, 240)); 
      series.getData().add(new XYChart.Data(2014, 300)); 
            
      //Setting the data to Line chart    
      linechart.getData().add(series);        
        
      //Creating a Group object  
      Group root = new Group(linechart); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 400);  
      
      //Setting title to the Stage 
      stage.setTitle("Line 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 LineChartExample.java 
java LineChartExample

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

↰ Previous page