Graficos de estadistidas con php y MySQL

diego007007 · #1 (**permalink**) 08/04/2009, 08:19

Hola amigos, tengo el siguiente codigo que trabaja muy bien y es para presentar los resultados del mes de una base de datos MySQL

Código PHP:

  <?php

for ($i=0; $i<12; $i++){

        $j = 0;

        $x = $i+1;

        if ($i<9){

            $fec1 = date("Y-0$x-01 00:00:00");

            $fec2 = date("Y-0$x-31 00:00:00");

            $result = mysql_query("SELECT * FROM direc_http WHERE fecha BETWEEN '$fec1' AND '$fec2' Order by 'fecha' DESC") or die ("no se conecto");

            while(mysql_fetch_row($result)){

                $j++;

            }

            $a[$i] = $j;

        }else{

            $fec1 = date("Y-$x-01 00:00:00");

            $fec2 = date("Y-$x-31 00:00:00");

            $result = mysql_query("SELECT * FROM direc_http WHERE fecha BETWEEN '$fec1' AND '$fec2' Order by 'fecha' DESC") or die ("no se conecto");

            while(mysql_fetch_row($result)){

                $j++;

            }

            $a[$i] = $j;

        }

}

$datosTabla = array(

        array( "Enero", $a[0], "#BDDA4C"),

        array( "Febrero", $a[1], "#FF9A68"),

        array( "Marzo", $a[2], "#69ABBF"),

        array( "Abril", $a[3], "#FFDE68"),

        array( "Mayo", $a[4], "#AB6487"),

        array( "Junio", $a[5], "#BDDA4C"),

        array( "Julio", $a[6], "#FF9A68"),

        array( "Agosto", $a[7], "#69ABBF"),

        array( "Septiembre", $a[8], "#FFDE68"),

        array( "Octubre", $a[9], "#AB6487"),

        array( "Noviembre", $a[10], "#BDDA4C"),

        array( "Diciembre", $a[11], "#FF9A68")

);

$maximo = 0;

foreach ( $datosTabla as $ElemArray ) { $maximo += $ElemArray[1]; }

?>

<body>

<table width="400" cellspacing="0" cellpadding="2">

<?php 

foreach( $datosTabla as $ElemArray ) {

$porcentaje = round((( $ElemArray[1] / $maximo ) * 100),2); //porcentaje

?>

<tr>

    <td width="20%"><strong><?php echo( $ElemArray[0] ) ?></strong></td>

    <td width="10%"><?php echo( $porcentaje ) ?></td>

    <td>

        <table width="<?php echo (($porcentaje)/2) ?>%" bgcolor="<?php echo($ElemArray[2]) ?>">

        <tr><td> </td></tr>

    </table>

    </td>

</tr>

<?php 

}

?>

pero los graficos se muestran horizontales, como podria hacer para que los grafiscos se muestren verticales usando casi el mismo codigo (o como podria girar la pagina a la derecha para que muestre las graficas verticales, jeje); no deceo usar librerias como jpgraph u otras, de antemano muchas gracias

neogabo · #2 (**permalink**) 08/04/2009, 11:15

Podes probar con algo como esto:

Código PHP:

  
$datosTabla = array(
        array( "Enero", $a[0], "#BDDA4C"),
        array( "Febrero", $a[1], "#FF9A68"),
        array( "Marzo", $a[2], "#69ABBF"),
        array( "Abril", $a[3], "#FFDE68"),
        array( "Mayo", $a[4], "#AB6487"),
        array( "Junio", $a[5], "#BDDA4C"),
        array( "Julio", $a[6], "#FF9A68"),
        array( "Agosto", $a[7], "#69ABBF"),
        array( "Septiembre", $a[8], "#FFDE68"),
        array( "Octubre", $a[9], "#AB6487"),
        array( "Noviembre", $a[10], "#BDDA4C"),
        array( "Diciembre", $a[11], "#FF9A68")
);
$maximo = 0;
foreach ( $datosTabla as $ElemArray ) { $maximo += $ElemArray[1]; }

$i=0;
$var .= "\n<div style='height:200px;border:1px solid green;width:700px;' >";
foreach( $datosTabla as $ElemArray )
{
    $porcentaje = round( ( ( $ElemArray[1] / $maximo ) * 100) ); //porcentaje
    $var .= "\n\t<div style='width:20px;float:left;border:1px solid;margin:0;padding:0;'>";
    $var .= "\n\t\t<div style='width:20px;height:".(100-$porcentaje)."px;float:left;margin:0;padding:0;'></div>";
    $var .= "\n\t\t<div style='width:20px;height:".$porcentaje."px;float:left;background:". $ElemArray[2].";margin:0;padding:0;'></div>";
    $var .= "\n\t</div>";
    $i++;
}
$var .= "\n\n</div>";
echo $var;

no lo probe en ie, en firefox funciona. Vas a tener ajustarlo a como lo necesites, si $porcentaje supera el maximo ocurre un error.

diego007007 · #3 (**permalink**) 08/04/2009, 19:28

Gracias neogabo, funcina bien esa grafica, pero tengo una pregunta, como hago para poner la cantida y el mes en la parte inferior?