Grafico de tarta con php y jpgraph

Hace unos dias veíamos cono generar un gráfico de barras en php, ahora, vamos a generar un gráfico de tarta (o de torta, si quereis llamarlo así… xD).Eso si, no serán tan realistas como estos:

grafico de torta grafico de torta

Bromas aparte, en el ejemplo que os dejo a continuación volvemos a utilizar la librería jpgraph, muy útil para la creación de gráficas de todo tipo. Con la libreía jpgraph tenemos total control sobre la gráfica. Podemos dibujar un “pastel” en 2 o 3 dimensiones, cambiar los colores, mostrar la leyenda en el pie o en un lado de la imagen, mostrar varias gráficas en una misma imagen….resumiendo, si necesitas gráficas, no lo dudes: JPGRAPH.

Ver el ejemplo en funcionamiento

Descarga de ficheros

Puedes descargar los ficheros que yo he utilizado para este ejemplo Descargar ficheros. Graficos con jpgraph o descargar la librería al completo en el siguiente enlace: Libreria jpgraph al completo.

Ejemplo

El código que genera la gráfica es el siguiente:

<?php
require_once ("jpgraph/src/jpgraph.php");
require_once ("jpgraph/src/jpgraph_pie.php");

// Se define el array de valores y el array de la leyenda
$datos = array(40,60,21,33);
$leyenda = array("Morenas","Rubias","Pelirrojas","Otras");

//Se define el grafico
$grafico = new PieGraph(450,300);

//Definimos el titulo
$grafico->title->Set("Mi primer grafico de tarta");
$grafico->title->SetFont(FF_FONT1,FS_BOLD);

//Añadimos el titulo y la leyenda
$p1 = new PiePlot($datos);
$p1->SetLegends($leyenda);
$p1->SetCenter(0.4);

//Se muestra el grafico
$grafico->Add($p1);
$grafico->Stroke();
?>

Al igual que os comente en otros articulos, lo ideal es integrar la gráfica en otra página, esto lo haríamos de la siguiente manera:

<img src="pagina-que-genera-la-grafica.php" />

Nota

Los valores que muestra la gráfica se han definido previamente en un array, pero tambien pueden ser recogidos de una consula a la base de datos, un fichero de texto…

Grafico de barras con php y jpgraph

Generar un gráfico de barras en php se convierte en una sencilla tarea con la librería jpgraph. Con esta librería podemos crear tambien otros tipos de gráficos (incluso un captcha), aunque en este artículo nos centraremos en como crear gráficos de barras.

En el ejemplo que veremos a continuación, los valores que muestra el gráfico de barras son estáticos, pero podrían ser recogidos de un fichero, o incluso de una consulta a una base de datos…

Ver ejemplo en funcionamiento

Descarga de ficheros

Puedes descargar los ficheros que yo he utilizado para este ejemplo Descargar ficheros. Graficos con jpgraph o descargar la librería al completo en el siguiente enlace: Libreria jpgraph al completo.

Ejemplo

El código que genera la gráfica es el siguiente:

<?php
require_once ('jpgraph/src/jpgraph.php');
require_once ('jpgraph/src/jpgraph_bar.php');

// Se define el array de datos
$datosy=array(25,16,24,5,8,31);

// Creamos el grafico
$grafico = new Graph(500,250);
$grafico->SetScale('textlin');

// Ajustamos los margenes del grafico-----    (left,right,top,bottom)
$grafico->SetMargin(40,30,30,40);

// Creamos barras de datos a partir del array de datos
$bplot = new BarPlot($datosy);

// Configuramos color de las barras
$bplot->SetFillColor('#479CC9');

//Añadimos barra de datos al grafico
$grafico->Add($bplot);

// Queremos mostrar el valor numerico de la barra
$bplot->value->Show();

// Configuracion de los titulos
$grafico->title->Set('Mi primer grafico de barras');
$grafico->xaxis->title->Set('Titulo eje X');
$grafico->yaxis->title->Set('Titulo eje Y');

$grafico->title->SetFont(FF_FONT1,FS_BOLD);
$grafico->yaxis->title->SetFont(FF_FONT1,FS_BOLD);
$grafico->xaxis->title->SetFont(FF_FONT1,FS_BOLD);

// Se muestra el grafico
$grafico->Stroke();
?>

Pero eso no es todo, lo mas profesional es integrar dicho gráfico dentro de una página web, para ello, insertamos el gráfico como si de una imagen se tratase en otra página, como se muestra a continuacion:

<img src="pagina-que-genera-la-grafica.php" />

Espero que os sirva de ayuda!