JpGraph: Grafíca de 2 barras

En este ejemplo vamos a crear una gráfica con 2 barras, este ejercicio lo publico gracias a un comentario de uno de nuestros amigos anonimos jeje.
Es muy sencillo, el desarrollo del plano de la gráfica es el mismo que con los otros ejemplos, lo que cambia es que vamos a ir creando "plots" (barras), y las vamos a agrupar para añadirlas al plano.
El ejemplo se verá como la siguiente imagen.

Cabe mencionar que la librería JpGraph tiene una carpeta llamada Examples y de ahí pueden ver muchos ejemplos como los que les comparto en este blog, (claro que no tan bien explicados verdad jejej XD) pero con muchos trucos e ideas para que los adapten a sus gráficas.

OK le pongo el código
y más abajo explico un poco.

<?php // content="text/plain; charset=utf-8"
require_once ('../jpgraph.php');
require_once ('../jpgraph_bar.php');

$datay=array(20,30,50);
$datay2=array(15,55,10);
$datazero=array(0,0,0);


// Crear la gráfica
$graph = new Graph(480,200,"auto");
$graph->title->Set('Ejemplo con dos barras');


// Ingresar las escalas para  Y(barra1) y Y2(barra2)
$graph->SetScale("textlin");
$graph->SetY2Scale("lin");
$graph->yaxis->scale->SetGrace(10);
$graph->y2axis->scale->SetGrace(5);
$graph->ygrid->SetColor('gray','lightgray@0.5');


// Colores de los datos de Y
$graph->y2axis->SetColor('darkred');


// Crea la barra 0 para dar espacio
$bplotzero = new BarPlot($datazero);


// Crea la primer Y (barra1)
$ybplot1 = new BarPlot($datay);
$ybplot1->value->Show();
$ybplot = new GroupBarPlot(array($ybplot1,$bplotzero));


// Crea la "Y2" (barra2)
$ybplot2 = new BarPlot($datay2);
$ybplot2->value->Show();
$ybplot2->value->SetColor('darkred');
$ybplot2->SetFillColor('darkred');
$y2bplot = new GroupBarPlot(array($bplotzero,$ybplot2));
 // Añade las barras agrupadas al plano
$graph->Add($ybplot);
$graph->AddY2($y2bplot);


//Se envia al navegador
$graph->Stroke();
?> 

Como pueden ver la gráfica se crea igual que los otros ejemplo,  la diferencia es que vemos unos datos nuevos como son SetY2scale y  y2axis, en estos dos atributos van las escalas para los datos de la barra2.

Con $graph->ygrid->SetColor('gray','lightgray@0.5'); vamos hacer visible las lineas que dividen los valores del eje Y si omitimos este paso se van a ver muy tenues, y lo que estoy haciendo es darle un color gris que aunque es ligth hará que se visualicen mejor las lineas.

Con $graph->y2axis->SetColor('darkred'); le estoy indicando que los valores  del eje Y se vean de color rojo casi vino.

Despues tenemos esta línea que es el truco $bplotzero = new BarPlot($datazero); estamos creando una barras sin ningun valor, como pueden ver en la parte superior del código inicializamos la variable $datazero como array pero con valores de 0 , lo que vamos a hacer es que esta barra nos va a servir de separador al agrupar.

Despues viene la creación de la barra 1, las primeras lineas ya las hemos visto en los ejemplos la nueva linea será $ybplot = new GroupBarPlot(array($ybplot1,$bplotzero));  aquí vamos a crear un grupo de barras que será la barra1 y la barra0.
Esa misma linea la ponemos para la barra2 y de la misma forma es para agrupar y la agruparemos igual con la barra0. $y2bplot = new GroupBarPlot(array($bplotzero,$ybplot2));

Lo último es añadirlo al plano $graph y como pueden ver tenemos dos Add,  en el primero añadimos el primer grupo que es la variable $ybplot (la barra0 y la barra1 agrupadas) y en la segunda linea de AddY2  agregamos la variable $y2bplot (la barra0 y la barra2 agrupadas). Despues la mostramos en el navegador con $graph->Stroke();  y LISTO!!!!

Entonces no se trata de hacer planos o $graph=new Graph muchas veces si no que hay que añadir barras y despues añadirlas a un solo plano ($graph).

Espero que les sirva este ejemplo. No olviden dejar sus comentarios, quejas, sugerencias y demás (menos insultos ok). 

"Programar no tiene que ser tan difícil como parece...."