Transcript presentacion jpgraph..

CREACION DINAMICA DE
IMAGENES EN
APLICACIONES WEB
JpGraph
INTRODUCCION.
 Gráficos en las paginas web?.
 se puede incorporar gráficos a nivel estático o dinámico.
Estático: el grafico ya esta desarrollado previamente.
Dinámico: el grafico se genera en el momento de consultar o
acceder a la pagina.
JpGraph es una herramienta para la creación dinámica de graficas en
paginas generadas con php
JpGraph
Es una librería que incluye una serie de clases -código orientado a
objetos- que sirven para crear imágenes con todo tipo de gráficas,
dinámicamente desde páginas PHP.
Con JpGraph se pueden crear gráficas complejas con un mínimo de
código y con un control muy detallado.
Considera un único requerimiento: que se tenga instalado el soporte
para la librería GD Graphics library
Es una librería gratuita (para uso no comercial), fácil de instalar y de
fácil manejo.
CARACTERISTICAS DE JpGraph
•Reducido peso en bytes de las imágenes resultado. Habitualmente
unos pocos KB.
•Uso de la Interpolación matemática para obtener curvas a partir de
unos pocos valores.
•Diversos tipos de gráficas 2D o 3D, como de puntos, líneas, tartas,
barras, cajas...
•Escalas flexibles tanto en el eje X como el Y, que se ajustan al juego
de datos que se tenga que representar.
CARACTERISTICAS DE JpGraph
• Soporte para generar gráficas con varios juegos de valores a
la vez.
• Configurable con distintos tipos de colores, leyendas,
tipografías, imágenes de fondo, etc.
• Soporte para adjuntar texto a las imágenes con párrafos
multilínea y soporte para fuentes TTF (tipos de letra).
Amplía documentación con 150 páginas de tutorial y una
extensa referencia de clase.
COMO CREAR LAS IMAGENES
 El uso de la librería supone dos aspectos fundamentales:
• Crear una imagen con la etiqueta <img> de HTML
• En el atributo src se coloca la ruta hacia el script PHP que se
encarga de generar la gráfica.
 En el archivo PHP que generará la gráfica se debe incluir:
• Las librerías apropiadas para el tipo de gráfica que se desea
realizar.
• Una instancia del objeto JpGraph correspondiente.
• Los datos a visualizar.
• Llamar a los métodos adecuados para mostrar la imagen.
TIPOS DE IMÁGENES DISPONIBLES EN JpGraph. (solo algunos)
TIPOS DE IMÁGENES DISPONIBLES EN JpGraph. (solo algunos)
INSTALACION Y CONFIGURACION.
Para que PHP pueda disponer de la librería de clases de JpGraph, se
debe configurar PHP para que soporte formatos gráficos.
• phpinfo() describe todas las características que soporta PHP, en
consecuencia, en esta descripción debe aparecer que esta disponible la
extensión GD_library.
•Si esta extensión no estuviese disponible se la debe habilitar en el
archivo de inicialización ‘php.ini’ localizado en “../apache/php/”
extension=php_gd.dll
La librería de clases JpGraph, se puede localizar en el lugar que uno
desee, pero es recomendable que se localice en el directorio de trabajo
‘htdocs’
EJEMPLO DE CREACION DE IMÁGENES #1
En un documento html debe aparecer la siguiente referencia:
<img src="fig1.php" border=0 align=center width =300 height=200>
Grafico generado por fig1.php
El archivo fig1.php es:
<?php
include ("c:apache/htdocs/jpgraph-1.6.2/src/jpgraph.php");
include ("c:apache/htdocs/jpgraph-1.6.2/src/jpgraph_line.php");
$ydata = array(11,3,8,12,5,1,9,13,5,7);
// Crea el area para el grafico
$graph = new Graph(350,250,"auto");
$graph->SetScale("textlin");
// Crea la grafica de lineas (dibuja)
$lineplot=new LinePlot($ydata);
$lineplot->SetColor("blue");
// Adiciona el grafico de lineas al area del grafico
$graph->Add($lineplot);
// Despliega el grafico
$graph->Stroke();
?>