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
Y después crear un Servlet dentro de él:

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
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 }

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.
Aquí puedes ver los ejemplos que muestran JFreeChart corriendo dentro de swing: http://www.jfree.org/jfreechart/samples.html, le agregué un ejemplo en swing al artículo
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
Antes de poder correr el codigo que ves ahí debes descargar las librerías (JFreeChart) e incluirlas en el classpath
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!!!
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.
me pueden ayudar a graficar unos datos que me envia un circuito por el puerto USB, no se como adicionarlos a la serie (series.add). mi email es diego5817@gmail.com
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
muy buen tuto, todos los ejemp funcionan ok
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
hola a todos
He realizado un ejemplo en jsp, pero al realizarlo el ejemplo utilizando faces
http://localhost:8080/proyecto/faces/reporte.jsp
me da un error de ” input lenght =1″
saludos.
disculpa porque no me muesetra la imagen solo la X de que no encuentra la imagen en el jsp.
gracias
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
esa verga no vale
Disculpen para lanzarlo en un proyecto java web como se manda a llamar la clase Servet????
Tienes que crear un mapeo para el servlet en el archivo de configuracion web.xml.
Aqui puedes ver la parte del mapeo:
http://lineadecodigo.com/java/crear-un-mapping-a-un-servlet/
Pero te recomiendo que crees el servlet usando Clic derecho > nuevo servlet en netbeans y despues de probarlo comiences a investigar la teoría
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();