Graficando en Java con JFreeChart

31
48004
Esta vez presento un tutorial muy detallado acerca del uso de la librería JFreeChart en Java, que nos permitir hacer diferentes tipos de gráficos con plantillas preestablecidas y con opciones dinámicas.

 

En publicaciones pasadas aprendimos como construir una sencilla pero eficaz graficadora en Java, con la cual graficamos datos a partir de los sensores DHT11 y HC-SR04.

En el día de hoy vamos a realizar experiencias similares, esta vez utilizando la librería JFreeChart.

Una de las razones por las cuales me decidí a programar en Java es que existe una gran cantidad de material hecho por otros programadores. Este material está disponible al público que lo necesite y esté interesado en utilizarlo.

JFreeChart fue hecho para hacer gráficas en Java. El sitio web oficial es el siguiente: http://www.jfree.org/jfreechart/

Utilizar JFreeChart es relativamente sencillo. Basta con descargar la librería desde la página de descargas oficial de JFreeChart.

La versión más reciente al día de hoy es la 1.0.14.

Ahora nos dirigimos a Netbeans y creamos un nuevo proyecto. Agregamos un JFrame y un botón.

Ahora vamos al código. Necesitamos importar a nuestro proyecto las librerías JFreeChart y JCommons, ambas disponibles aquí.

jfreechart

Luego necesitamos importar la librería JFreeChart. Esto se hará automáticamente cada vez que aparezca un mensaje de error indicando que hace falta una librería.

Ahora es momento de iniciar con la programación. Declararemos una variable llamada Grafica:

JFreeChart Grafica;

jfreechart

Ahora lo que viene es bastante sencillo. EL primer ejemplo que haremos será una gráfica de barra que muestre la cantidad de personas que asiste a un establecimiento durante los días de una semana. Algo completamente random que solo sirva para ver como funciona el chart. Los datos que se van a graficar se deben guardar en un DefaultCategoryDataset. Para ello declaramos una variable llamada Datos.

DefaultCategoryDataset Datos = new DefaultCategoryDataset();

jfreechart

Ahora agregamos los datos al Dataset.

Los parámetros del método addValue son los siguientes:

  • Parámetro 1: el valor que se va a graficar
  • Parámetro 2: El identificador del grupo de datos. Si se ha de graficar datos de diferentes tipos, se le coloca diferentes identificadores.
  • Parámetro 3: La etiqueta de la columna en el gráfico de barras.

Colocaremos el DataSet de la siguiente forma:

jfreechart

Por último iniciaremos la variable Grafica y estableceremos que el gráfico será de barras.

Si agregamos el ChartFactory.createBarChart nos encontramos 8 parámetros que tenemos que «pasarle» al método createBarChart.

Estos parámetros son los siguientes:

  • Parámetro 1: El título del gráfico
  • Parámetro 2: Etiqueta o nombre del eje horizontal
  • Parámetro 3: Etiqueta o nombre del eje vertical.
  • Parámetro 4: El modelo de datos
  • Parámetro 5: Se le agrega PlotOrientation y se decide si se desea que el gráfico sea vertical (PlotOrientation.VERTICAL) u horizontal (PlotOrientation.HORIZONTAL).
  • Parámetro 6: un valor True o False. Si se coloca True se colocará una etiqueta debajo del gráfico que indicará que grupo de datos representa cada color. Por ejemplo, los datos en rojo son del negocio 1, los datos en azul son los del negocio 2, etc…
  • Parámetro 7: Un valor True o False. Si se le coloca True, cuando se le pase el ratón por encima aparecerá una pequeña etiqueta que indica el valor que se halla graficado.
  • Parámetro 8: Un valor True o False. Es para agregar urls. Se deja casi exclusivamente para diseños orientados a la web. Nosotros lo dejaremos en False.

Nosotros utilizaremos los siguientes parámetros:

 

jfreechart

Con esto damos por terminada la programación del chart. Ahora solo tenemos que agregar el gráfico a una ventana.

Vamos al botón que agregamos al principio y colocamos el siguiente código:

 

Netbeans

Ahora estamos listos para probar nuestra aplicación.

Netbeans

Netbeans

Podemos cambiar la orientación del gráfico modificando el ChartFactory.

Netbeans

Netbeans

Ahora probaremos agregando datos de otro negocio. Para ello modificamos el DataSet.

El resultado será el siguiente:

Netbeans

Netbeans

Como vemos, es muy fácil hacer gráficas con JFreeChart.

Podemos cambiar el tipo de gráfico:

Netbeans

Solo basta con escoger un tipo de gráfico en la lista de opciones disponibles, establecer los parámetros y listo.

Espero sus comentarios. Saludos.

31 Comentarios

  1. Hola buenas tardes

    Mi nombre es milton y soy fans de programar, ademas estoy estudiante java y me han dejado un ejercicio de graficos, pero quisiera que me ayuden.

    codigo:

    public class FrmGrafica_Consumo extends javax.swing.JFrame {
    DefaultTableModel dtm=new DefaultTableModel();
    int item=0;
    public FrmGrafica_Consumo() {
    initComponents();
    String titulos[]={«Items»,»Redes Sociales», «Año», «Usuarios»};
    dtm.setColumnIdentifiers(titulos);
    Tabla.setModel(dtm);
    setSize(595,375);
    setLocation(250,250);
    }

    private void btnAgregarActionPerformed(java.awt.event.ActionEvent evt) {
    String datos[]=new String[4];
    int cantidad=0, i;
    item=item+1;

    cantidad=Integer.parseInt(txtCantidadUsuarios.getText());
    datos[0]=String.valueOf(item);
    datos[1]=(String)cboTipoRedes.getSelectedItem();
    datos[2]=(String)cboAño.getSelectedItem();
    datos[3]=String.valueOf(cantidad);

    dtm.addRow(datos);
    }

    ****Hasta este codigo perfecto todo funciona, agrego datos y se almacenan en el JTable (Tabla) que tiene por nombre (dtm) donde se almacenan los datos

    ****Ahora quiero mostrar todos los elementos que he agregado en el JTable y mostrarlo en un grafico JFreeChart, y si sigo agregando mas datos que me vaya actualizando, alli no se como hacerlo, me podrian ayudar

    private void btnMostrarActionPerformed(java.awt.event.ActionEvent evt) {
    String titulo=txtTitulo.getText();
    try {
    DefaultCategoryDataset ds=new DefaultCategoryDataset();
    for (int i=0; i< Tabla.getRowCount(); i++) {

    //ds.setValue(Integer.parseInt(Tabla.getValueAt(i, 0).toString()), Tabla.getValueAt(i, 1).toString(), Tabla.getValueAt(i, 2).toString(), Integer.parseInt(Tabla.getValueAt(i, 3).toString()))
    //ds.setValue((String(Tabla.getValueAt(i, 0)), Tabla.getValueAt(i, 1), (String(Tabla.getValueAt(i, 2)), Integer.parseInt((String)Tabla.getValueAt(i, 3)))
    //ds.setValue(Integer.parseInt(String)Tabla.getValueAt(i, 0));
    //ds.setValue(Integer.parseInt(Tabla.getValueAt(i,0).toString());

    ds.setValue(Integer.parseInt(Tabla.getValueAt(i,0).toString()), Tabla.getValueAt(i,1).toString(), Tabla.getValueAt(i,2).toString(), Tabla.getValueAt(i,3).toString()); // me sale error pueden verificar
    }
    JFreeChart jf=ChartFactory.createBarChart3D(titulo, "Comparar Año", "Cantidad de Usuarios", ds, PlotOrientation.HORIZONTAL, true, true, true);

    ChartPanel panel = new ChartPanel(jf);
    PanelGrafico.setLayout(new java.awt.BorderLayout());
    PanelGrafico.add(panel);
    PanelGrafico.validate();

    }
    catch (Exception e) {
    System.out.println("Error"+e);
    }
    }

  2. Hola ingeniero
    Mi consulta es sobre si hay manera de graficar ecuaciones lineales, o cualquier otro tipo de ecuación que requiera ser graficado. ¿Hay una librería para eso?

  3. Hola Ing,
    Cordial saludo desde Colombia
    Que librería debo usar para graficar en un panel Java datos de termografía, recibidos desde Arduino
    Muchas gracias!

      • Hola Ing
        Me podrían dar por favor los nombres de los sensores usados en el proyecto Termografías con Java y el Arduino Yún.
        Muchas gracias!

          • Cordial saludo
            De verdad que es de gran ayuda personas como ustedes muchas gracias por sus videos.

            Mira una pregunta en la formula utilizada para calcular la termografía tengo entendido que es una ecuación diferencial ustedes me podrían dar el nombre de esa ecuación o la formula base o algo que me ayude a realizar el calculo, la verdad no he podido realizar el calculo
            muchas gracias de nuevo por su colaboración

  4. Me podrás ayudar con un programa, es de un estacionamiento y necesito generar gráficas de los reportes, el programa es en modo consola, así que no se como implementarlo.

  5. no sé si estas activo, pero tengo una duda puedo crear con jfreechart mas de un tipo de grafico en un mismo grafico o sea uno de barra y otro poligonal y que los dos se me muestren superpuestos

    • En caso que no estés utilizando LAYOUT en el jPanel1 (el panel donde pondrás la gráfica), además de añadir el Panel con this.jPanel1.add(Panel), tienes que establecer la dimensión y la posición del Panel: Panel.setBounds(x, y, ancho, alto);

  6. hola buen dia increibles todos tus aportes gracias por tu tiempo pero estoy buscando la libreria jcommons y namas no la encuentro saludos desde mexico

  7. Hola, una buena guía rápida para aprender a implementar la librería. Tengo una duda, ¿Es posible gráficar no en una nueva ventana sino sobre el mismo JFrame donde se encuentra el botón? Es decir si se puede obtener varios gráficos sobre un mismo JFrame ordenadamente?

Dejar respuesta

Please enter your comment!
Please enter your name here