Los gráficos de líneas muestran una serie como un conjunto de puntos conectados mediante una línea. Los valores se representan por el alto de los puntos con relación al eje Y. Las etiquetas de las categorías se presentan en el eje X. Los gráficos de líneas suelen utilizarse para comparar valores a lo largo del tiempo.(microsoft)
Necesitamos
– IDE Netbeans 7 o superior
Proyecto
1. Crea un nuevo proyecto con la siguiente estructura:
– Una JFrame que llamamos «interfaz.java»
– Una clase XYLineChart.java
Agrega también la libreria JFreeChart
2. La interfaz consta de un JPanel y dentro de el, un JLabel, para la alineación se hace uso del layout BorderLayout, El JPanel debe tener un tamaño de 500×400.
3. Clase XYLineChart.java
Esta clase se extiende de un ImageIcon y recibe por el constructor el tamaño (dimension) que tendrá el gráfico, mediante el metodo xyDataset(), se crean las series y se llenan los datos, finalmente se crea una imagen en memoria y se asigna a la clase.
import java.awt.Color; import java.awt.Dimension; import java.awt.image.BufferedImage; import javax.swing.ImageIcon; import org.jfree.chart.ChartFactory; import org.jfree.chart.JFreeChart; import org.jfree.chart.labels.StandardXYItemLabelGenerator; import org.jfree.chart.labels.XYItemLabelGenerator; 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; /** * @web https://www.jc-mouse.net * @author Mouse */ public class XYLineChart extends ImageIcon{ /** Constructor de clase * @param d Dimension */ public XYLineChart( Dimension d ){ //se declara el grafico XY Lineal XYDataset xydataset = xyDataset(); JFreeChart jfreechart = ChartFactory.createXYLineChart( "Ingresos semanales" , "1ra semana del mes de Junio", "Ingresos en euros", xydataset, PlotOrientation.VERTICAL, true, true, false); //personalización del grafico XYPlot xyplot = (XYPlot) jfreechart.getPlot(); xyplot.setBackgroundPaint( Color.white ); xyplot.setDomainGridlinePaint( Color.BLACK ); xyplot.setRangeGridlinePaint( Color.BLACK ); // -> Pinta Shapes en los puntos dados por el XYDataset XYLineAndShapeRenderer xylineandshaperenderer = (XYLineAndShapeRenderer) xyplot.getRenderer(); xylineandshaperenderer.setBaseShapesVisible(true); //--> muestra los valores de cada punto XY XYItemLabelGenerator xy = new StandardXYItemLabelGenerator(); xylineandshaperenderer.setBaseItemLabelGenerator( xy ); xylineandshaperenderer.setBaseItemLabelsVisible(true); xylineandshaperenderer.setBaseLinesVisible(true); xylineandshaperenderer.setBaseItemLabelsVisible(true); //fin de personalización //se crea la imagen y se asigna a la clase ImageIcon BufferedImage bufferedImage = jfreechart.createBufferedImage( d.width, d.height); this.setImage(bufferedImage); } /** * Datos */ private XYDataset xyDataset() { //se declaran las series y se llenan los datos XYSeries sIngresos = new XYSeries("Ingresos"); XYSeries sEgresos = new XYSeries("Egresos"); //serie #1 sIngresos.add( 1, 340); sIngresos.add( 2, 210); sIngresos.add( 3, 410); sIngresos.add( 4, 200); sIngresos.add( 5, 525); sIngresos.add( 6, 492); sIngresos.add( 7, 390); //serie #2 sEgresos.add( 1, 90); sEgresos.add( 2, 434); sEgresos.add( 3, 741); sEgresos.add( 4, 91); sEgresos.add( 5, 412); sEgresos.add( 6, 361); sEgresos.add( 7, 271); XYSeriesCollection xyseriescollection = new XYSeriesCollection(); xyseriescollection.addSeries( sIngresos ); xyseriescollection.addSeries( sEgresos ); return xyseriescollection; } }//-->fin clase
4. Finalmente para agregar el grafico al jlabel1 de la interfaz:
this.jLabel1.setIcon( new XYLineChart( this.jPanel1.getSize() ) ); this.jLabel1.setText("");
Ejecutando tenemos:
Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.
Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye
Enjoy! :)
1. En la ventana de comandos de matlab escribe «mbuild -setup«, sin comillas y presiona enter. >> mbuild -setup We...
Agregar una imagen a un jpanel o a un jframe no es complicado pero para un programador novato puede convertirse en todo...
La Belleza está en la Simetría ¿Qué es lo que nos hace considerar un rostro bello? ¿Está influenciado nuestro criterio p...
En un tutorial anterior se creo un WebServices [Java WebServices] utilizando java y Netbeans, en esta ocasión se da cont...
Estructura Interna de un archivo SVG. <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD...
Spark Framework es un conjunto de librerías para los lenguajes Java y Kotlin que nos sirve para el desarrollo rápido y s...
Los comentarios estan cerrados
El gigante tecnologico Google a puesto un bonito Doodle en su buscador que esta fascinando a sus millones de usuarios qu...
WhatsApp anuncio a través de su blog que ya se encuentra disponible la función de envío de fotos y videos TEMPORALES, es...
Muchas de las innovaciones computacionales de la NASA se desarrollaron para ayudar a explorar el espacio, pero ahora la...
TikTok es una plataforma de microvideos muy popular entre los jóvenes el cual cuenta ya con millones de videos cortps de...
Un gran aporte se agradece !!!!!!!!!!!! (y)
Hola y como se puede gràficar tomando los datos desde una base de datos, trabajando con NetBeans y MySQL
en el ejemplo no hacemos uso de base de datos, pero solo debes dar formato a los datos que obtengas de tu base de datos al tipo que acepta jfreechart
Hola, una consulta
Pudiste Conectar la Base de datos a JFreechart?!
HOLA. SI QUIERO QUE ME MUESTRE LAS 2 COORDENADAS DE CADA PUNTO, EN TU EJEMPLO SOLO MUESTRA UNA QUE ES LA DEL EJE Y.
TAMBIEN QUIERO MOSTRA EL EJE X ..
GRACIAS, SALUDOS!
Hola, como puedo mostrar las dos coordenadas de XY, en tu ejemplo solo muestras la del eje Y.
Me gustaria tambien mostrar el eje X.
Gracias, Saludos
Hola, Como puedo mostrar informacion de una bd, que las filtre por meses con JCalendar y saque la informacion de la base de datos de ORACLE?!
seria de mucha ayuda
Saludos
el gráfico es independiente de la base de datos de uses, el gráfico se formara de acuerdo a los datos que le pases y esos datos tu los extraes de la base de datos según tus necesidades
Buena información,
solo una pregunta si quisiera que solo el ultimo valor mostrara la etiqueta ¿Como se realizaría?
Saludos.