JFreeChart: Facil creación de gráficos estadísticos en Java

JFreeChart es una librería para gráficos escrita 100% en Java que facilita mostrar gráficos de calidad profesional en nuestras aplicacion, ya sean web o de escritorio. Entre las características principales de esta biblioteca tenemos:

– Un API consistente y bien documentado con soporte para un amplio rango de tipos de gráficas.

– Un diseño flexible fácilmente extendible, y la posibilidad de ser usado tanto en tecnologías de servidor (aplicaciones Web) y de cliente (Swing, por ejemplo).

– Soporte para varios tipos de salida, incluyendo componentes Swing, archivos de imagen como PNG y JPEG, y formatos gráficos de vectores (incluyendo PDF, EPS y SVG).

– JFreeChart es open source, más especificamente, Software Libre, éste está distribuido bajo la licencia LGPL, que permite el uso en aplicaciones propietarias.

Adaptación al español de: http://www.jfree.org/jfreechart/
Ahora que ya tenemos una idea de lo que JFreeChart es, veamos un ejemplo. Primero creamos un Servlet.

ServletLine.java


package com.imageneureka.tests;

import java.awt.Color;
import java.io.IOException;
import java.io.OutputStream;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartUtilities;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.chart.plot.XYPlot;
import org.jfree.chart.renderer.xy.XYLineAndShapeRenderer;
import org.jfree.data.xy.XYDataset;
import org.jfree.data.xy.XYSeries;
import org.jfree.data.xy.XYSeriesCollection;

public class ServletLine extends HttpServlet {

 private XYDataset generaDatos() {

 XYSeries serie1 = new XYSeries("Serie 1");
 serie1.add(1D, 2D);
 serie1.add(2D, 4D);
 serie1.add(3D, 2D);
 serie1.add(4D, 5D);
 serie1.add(5D, 5D);
 serie1.add(6D, 7D);
 serie1.add(7D, 7D);
 serie1.add(8D, 8D);

 XYSeries serie2 = new XYSeries("Serie 2");
 serie2.add(1D, 5D);
 serie2.add(2D, 7D);
 serie2.add(3D, 6D);
 serie2.add(4D, 8D);
 serie2.add(5D, 4D);
 serie2.add(6D, 4D);
 serie2.add(7D, 2D);
 serie2.add(8D, 2D);

 XYSeries serie3 = new XYSeries("Serie 3");
 serie3.add(2D, 5D);
 serie3.add(4D, 3D);
 serie3.add(5D, 1D);
 serie3.add(6D, 3D);
 serie3.add(7D, 6D);
 serie3.add(8D, 3D);
 serie3.add(9D, 4D);

 XYSeriesCollection xyseriescollection =
 new XYSeriesCollection();
 xyseriescollection.addSeries(serie1);
 xyseriescollection.addSeries(serie2);
 xyseriescollection.addSeries(serie3);

 return xyseriescollection;
 }

 private static JFreeChart generaGrafico(XYDataset xydataset) {
 JFreeChart jfreechart = ChartFactory.createXYLineChart(
 "Lineal", "X", "Y",
 xydataset, PlotOrientation.VERTICAL,
 true, true, false);

 XYPlot xyplot = (XYPlot) jfreechart.getPlot();
 xyplot.setBackgroundPaint(Color.white);
 xyplot.setDomainGridlinePaint(Color.gray);
 xyplot.setRangeGridlinePaint(Color.gray);
 XYLineAndShapeRenderer xylineandshaperenderer =
 (XYLineAndShapeRenderer) xyplot.getRenderer();
 xylineandshaperenderer.setBaseShapesVisible(true);

 return jfreechart;
 }

 protected void processRequest(HttpServletRequest
 request, HttpServletResponse response)
 throws ServletException, IOException {

 response.setContentType("image/jpeg");
 OutputStream out = response.getOutputStream();

 XYDataset xydataset = generaDatos();
 JFreeChart grafico = generaGrafico(xydataset);
 ChartUtilities.writeChartAsJPEG(out, grafico, 400, 300);

 out.close();
 }

 // <editor-fold defaultstate="collapsed" desc="métodos doGet y doPost creados por NetBeans">
 /**
 * Handles the HTTP <code>GET</code> method.
 * @param request servlet request
 * @param response servlet response
 * @throws ServletException if a servlet-specific error occurs
 * @throws IOException if an I/O error occurs
 */
 @Override
 protected void doGet(HttpServletRequest request, HttpServletResponse response)
 throws ServletException, IOException {
 processRequest(request, response);
 }

 /**
 * Handles the HTTP <code>POST</code> method.
 * @param request servlet request
 * @param response servlet response
 * @throws ServletException if a servlet-specific error occurs
 * @throws IOException if an I/O error occurs
 */
 @Override
 protected void doPost(HttpServletRequest request, HttpServletResponse response)
 throws ServletException, IOException {
 processRequest(request, response);
 }

 /**
 * Returns a short description of the servlet.
 * @return a String containing servlet description
 */
 @Override
 public String getServletInfo() {
 return "Short description";
 }// </editor-fold>
}

Como se habrá dado cuenta más de uno, este Servlet fue creado por Netbeans, basta con crear un nuevo proyecto:

Nuevo Proyecto web con Netbeans
Nuevo Proyecto web con Netbeans

Y después crear un Servlet dentro de él:

Creando un Servlet con Netbeans
Creando un Servlet con Netbeans

El asistente de Netbeans nos asistirá en el proceso de crear los mapping en el archivo web.xml, si no sabes que es un mapping en un entorno Servlet, sigue el link: soy el link

Ok, el nombre del mapping hacia el recurso por el momento lo dejamos igual, osea ServletLine, de tal forma que para llegar a este el navegador apunte a:

http://localhost:8080/MiProyecto/ServletLine

Ahora solo tenemos que crear un JSP para mostrar nuestro gráfico:

index.jsp


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
 <head>
 <meta http-equiv="Content-Type"
 content="text/html; charset=UTF-8">
 <title>Gráfico estadístico con JFreeChart</title>
 </head>
 <body>

 <img src="ServlettLine">

 </body>
</html></pre>

Observen que el src de la etiqueta img apunta hacia el Servlet que creamos, esto es debido a que éste Servlet devuelve la imagen gracias a ésta línea es nuestro Servlet:

 response.setContentType("image/jpeg");

Bueno, ahora solo nos falta correr el proyecto, si tenemos suerte, las librerías adecuadas instaladas, (asumo que han descargado e instalado las librerías de:

http://www.jfree.org/jfreechart/download.html

Pues deberíamos ver algo como ésto:

Gráfico Estadístico usando JFreeChart
Gráfico Estadístico usando JFreeChart

A continuación tambíen podemos ver un ejemplo en swing:


import java.awt.image.BufferedImage;
import javax.swing.ImageIcon;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.data.xy.XYDataset;
import org.jfree.data.xy.XYSeries;
import org.jfree.data.xy.XYSeriesCollection;

/**
 *
 * @author jhablutzel
 */
public class TestJFreeChartInsideJFrame extends javax.swing.JFrame {

 /** Creates new form TestJFreeChartInsideJFrame */
 public TestJFreeChartInsideJFrame() {
 initComponents();

XYSeries series = new XYSeries("Average Size");
series.add(20.0, 10.0);
series.add(40.0, 20.0);
series.add(70.0, 50.0);
XYDataset xyDataset = new XYSeriesCollection(series);

JFreeChart chart = ChartFactory.createXYAreaChart
 ("Sample XY Chart",  // Title
 "Height",           // X-Axis label
 "Weight",           // Y-Axis label

 xyDataset,          // Dataset
 PlotOrientation.HORIZONTAL,
true, false, false

 );
BufferedImage image = chart.createBufferedImage(500,300);
jLabel1.setIcon(new ImageIcon(image));
pack();
repaint();

 }

 /** This method is called from within the constructor to
 * initialize the form.
 * WARNING: Do NOT modify this code. The content of this method is
 * always regenerated by the Form Editor.
 */
 @SuppressWarnings("unchecked")
 // <editor-fold defaultstate="collapsed" desc="Generated Code">
 private void initComponents() {

 jLabel1 = new javax.swing.JLabel();

 setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
 getContentPane().setLayout(new java.awt.FlowLayout());
 getContentPane().add(jLabel1);

 pack();
 }// </editor-fold>

 /**
 * @param args the command line arguments
 */
 public static void main(String args[]) {
 java.awt.EventQueue.invokeLater(new Runnable() {
 public void run() {
 new TestJFreeChartInsideJFrame().setVisible(true);
 }
 });
 }

 // Variables declaration - do not modify
 private javax.swing.JLabel jLabel1;
 // End of variables declaration

}

34 thoughts on “JFreeChart: Facil creación de gráficos estadísticos en Java”

  1. Como puedo realizar este programa como una aplicación de escritorio y en que momento se elegí el color de las gráficas. Cualquier ayuda me sirve.

  2. Hola eh checado tu ejemplo del servlet para cargar una imagen y no funciona lo copie y pegue tal cual lo tienes ahi, agregue las librerias pero no funciona ¿Cual puede ser mi problema?

    y la imagen solo la carga de esta manera o que le debo de escribir dentro de

    1. Antes de poder correr el codigo que ves ahí debes descargar las librerías (JFreeChart) e incluirlas en el classpath

  3. Hola, soy totalmente nuevo en el ambiente Java, y tengo un error que me aparece en el momento de querer compilar el archivo fuente, el mensaje es: “class TestJFreeChartInsideJFrame is public, should be declared in a file named TestJFreeChartInsideJFrame.java
    public class TestJFreeChartInsideJFrame extends javax.swing.JFrame {“, quisiera saber si pueden orientarme a resolver este detalle, las librerias ya estan agregadas, incluso compile otro ejemplo sencillo y no dio problema, solo tengo ese unico detalle en mi archivo fuente. Gracias por su atención y ayuda. El ejemplo que quiero compilar es el que muestran aqui en esta pagina, pero no el de servlet, sino el swing. Gracias!!!

  4. Hola Angel, en Java un archivo puede contener varias clases en la forma:
    ——————-
    class A {
    }
    public class B {
    }
    class C{
    }
    ————

    todas ellas dentro del mismo archivo pero solo una de ellas puede tener el modificador public, en este caso es B, entonces el archivo debe llamarse “B.java”

    Yo te sugeriría que si recién comienzas en Java, descargues el netbeans y pruebes tu código desde ahí, el asistente de corrección de errores es simplemente excelente y el autocompletado del Netbeans también te facilitará mucho familiarizarte con el API y los métodos de uso más común. un saludo.

  5. Hola!
    muy bueno el tutorial, ayuda bastante para los principiantes.
    Solo una pregunta, para que jfreechart funcione en una aplicación cliente-servidor necesariamente tiene que ser implementada con swing?
    O hay métodos de la librería que son suficientes?

    Gracias

  6. probe el codigo y no me genera la img.. esta = el codigo mostrado aqui…. cuando lo compilo solo me sale una ‘X’ roja de que no se muestra la imagen a que creen que se deba, gracias por la ayuda

  7. Accede directamente a la URL de la imagen, para esto en firefox puedes hacer algo como clic derecho sobre la imagen (la X) y luego “Ver imagen”, ahí podrás ver más detalles del error, posiblemente solo la URL sea incorrecta o hayas olvidado registrar el Servlet

  8. Muy bueno el ejemplo, me sirvio mucho gracias. Para comentar a las personas que no les genere la imagen y usan el ide Netbeans, deben de borrar esta linea de codigo en el servlet: PrintWriter out = response.getWriter();

  9. Ola creo una calse que me genera el grafico d una zona con sus valores y mi metodo que crea la grafica es este public BufferedImage crearGrafica() pero bufferedImage marca que solo me retorna una imagen cierto? si me equivoco corrijanme porfavor y yo kiero obtener una grafica por cada zona pero noce como le puedo hacer me pueden ayudar porfavor

  10. Descomprime jfreechart-1.0.14.zip, luego en el proyecto de netbeans clic derecho en “Libraries” en la pestaña “Projects”, luego add “JAR/Folder…” y luego te vas hasta la carpeta “lib” del archivo zip que descomprimiste al inicio y ahi seleccionas todos los archivos JAR. Y Listo.

  11. Ok Gracias, ya me salio pero aparte de agregar la lib. “jfreechart-1.0.14” tambien agregue la lib. “jcommon-1.0.16”, quiero pensar que tambien es nesario por que despues de agregarla y correr mi “.jsp” que hace referencia al “Servlet” ya me mostro la grafica…

  12. De ante mano muchas gracias por tu aporte me ha servido de mucho, pero ahora lo que realmente necesito hacer es que los valores de la grafica los jale de mi base de datos PostgreSQL pero ya estoy en proceso… si tienes alguna idea sobre esto te agradeceria si no ya es suficiente con lo anterior.

  13. Excelente trabajo, me ha quedado la gráfica lineal, sólo tengo una duda con respecto a si mi eje X es TIME, es decir, HH:mm:ss. Puesto que no encuentro alguna solución agradescería tu ayuda.

  14. Struggling to get your car paid off? Are you mad
    about the last deal you got? Perhaps you’re looking for an automobile now, and you’re not sure
    what to do differently. You’re in the same boat with many other people. Keep reading to find out information regarding what to do next time you enter a dealership.

  15. you are in point of fact a excellent webmaster. The site loading velocity is amazing.
    It sort of feels that you are doing any unique trick.
    Moreover, The contents are masterpiece. you have done a magnificent process on this subject!

  16. Greate pieces. Keep writing such kind of info on
    your blog. Im really impressed by your blog.
    Hey there, You’ve done a great job. I’ll certainly digg it and personally recommend to
    my friends. I’m sure they will be benefited from this web site.

Leave a Reply

Your email address will not be published. Required fields are marked *