CREACION DE GRAFICOS EN JSP

CONTENIDO

Los diseñadores web o programadores utilizan imágenes para mostrar los datos utilizando
Photoshop o Ilustrator, con lo cual lleva más tiempo de lo esperado.

Lo importante es que actualmente existen (on line) en internet muchas librerías disponibles y
libres de JavaScript que los diseñadores o programadores web pueden utilizar para mostrar
datos en forma rápida.

La librería Chart.js es una de las bibliotecas (on line) más grandes de JavaScript lo que ayuda
bastante a trabajar datos usando el elemento canvas de HTLM5 para dibujar gráficos y tablas.

Los gráficos que se pueden crear en Chart.js son los siguientes:

1. Gráfico en línea
2. Grafico de barras
3. Grafico en radar
4. Grafico de área polar
5. Grafico de sectores
6. Gráfico de torta

Para poder realizar gráficos estadísticos en web se tiene que descargar la librería chart.js, así
como tener conocimientos básicos en JavaScript con JQuery y JSON (Java Script Object
Notation)

Ejemplo de creación de un gráfico con JFreeChart en JSP

<%@page import="org.jfree.chart.ChartFactory" %>

<%@page import="org.jfree.chart.ChartUtilities" %>
<%@page import="org.jfree.chart.JFreeChart" %>
<%@page import="java.io.File" %>
<%@page import="org.jfree.chart.plot.*" %>
<%@page import="java.io.*" %>
<%@page import="org.jfree.data.category.DefaultCategoryDataset" %>
<% // Create a simple Bar chart
DefaultCategoryDataset dataset = new DefaultCategoryDataset();
dataset.setValue(5, "Compras", "Enero");
dataset.setValue(7, "Compras", "Febrero");
dataset.setValue(9, "Compras", "Marzo");
dataset.setValue(5, "Compras", "Abril");
dataset.setValue(10, "Compras", "Mayo");
dataset.setValue(10, "Compras", "Junio");
dataset.setValue(10, "Compras", "Julio");
dataset.setValue(1, "Compras", "Agosto");
 dataset.setValue(2, "Compras", "Septiembre");
dataset.setValue(10, "Compras", "Octubre");
dataset.setValue(10, "Compras", "Noviembre");
dataset.setValue(1, "Compras", "Diciembre");
JFreeChart chart = ChartFactory.createBarChart("Llamadas
Mensuales","2011", "Numero de Llamadas", dataset,
PlotOrientation.VERTICAL, false,true, false);

try {
response.setContentType("image/png");
OutputStream os = response.getOutputStream();
ChartUtilities.writeChartAsPNG(os, chart, 625, 500);

} catch (IOException e) {
System.err.println("Error creando grafico.");
}
%>

CONCLUSIONES

Que mediante el uso del complemento como los gráficos JFreeChart, permite la creación de
páginas dinámicas que serán utilizados para una mejor presentación y análisis de la
información.