Foros del Web - Ver Mensaje Individual - Colocar un nuevo array en medio de la barra en Highcharts

JimmyBrain · #1 (**permalink**) 22/12/2015, 22:19

Hola estoy usando Highcharts y estoy tratando de poner en medio de cada barra , un valor de un tercer array en vez de del valor de segundo array pero al parecer no encuentro documentacion de que si es posible.

Se ve asi :

La idea es esa , que en medio de cada barra se vea el valor correspondiente del array $montos.

El codigo :

Código:

<?php

error_reporting(1);

include_once("conexion.php");
include_once("funciones.php");

$consulta = "";

if ($year == "") {
    $consulta = mysql_query("select id_deudor,month(fecha_pago_deudor) from deudores");
} else {
    $consulta = mysql_query("select id_deudor,month(fecha_pago_deudor) from deudores where year(fecha_pago_deudor)='" . $year . "'");
}

$monto_total = "0";

if ($year == "") {
    $monto_total = totalDeudores();
} else {
    $monto_total = totalDeudorPorYear($year);
}

if (!is_numeric($monto_total)) {
    $monto_total = "0";
}

$montos = array(
    "300",
    "400",
    "600",
    "800",
    "900",
    "200",
    "300",
    "100",
    "400",
    "600",
    "800",
    "900"
);

$cantidad = mysql_num_rows($consulta);

$ids = array();

$Enero      = 0;
$Febrero    = 0;
$Marzo      = 0;
$Abril      = 0;
$Mayo       = 0;
$Junio      = 0;
$Julio      = 0;
$Agosto     = 0;
$Septiembre = 0;
$Octubre    = 0;
$Noviembre  = 0;
$Diciembre  = 0;

while ($resultado = mysql_fetch_array($consulta)) {
    
    $id_cliente = $resultado[0];
    $mes_pago   = $resultado[1];
    
    if (!in_array($id_cliente, $ids)) {
        array_push($ids, $id_cliente);
        if ($mes_pago == 1) {
            $Enero++;
        }
        if ($mes_pago == 2) {
            $Febrero++;
        }
        if ($mes_pago == 3) {
            $Marzo++;
        }
        if ($mes_pago == 4) {
            $Abril++;
        }
        if ($mes_pago == 5) {
            $Mayo++;
        }
        if ($mes_pago == 6) {
            $Junio++;
        }
        if ($mes_pago == 7) {
            $Julio++;
        }
        if ($mes_pago == 8) {
            $Agosto++;
        }
        if ($mes_pago == 9) {
            $Septiembre++;
        }
        if ($mes_pago == 10) {
            $Octubre++;
        }
        if ($mes_pago == 11) {
            $Noviembre++;
        }
        if ($mes_pago == 12) {
            $Diciembre++;
        }
    }
    
}

$textos = array(
    "Enero",
    "Febrero",
    "Marzo",
    "Abril",
    "Mayo",
    "Junio",
    "Julio",
    "Agosto",
    "Septiembre",
    "Octubre",
    "Noviembre",
    "Diciembre"
);
$datos  = array(
    $Enero,
    $Febrero,
    $Marzo,
    $Abril,
    $Mayo,
    $Junio,
    $Julio,
    $Agosto,
    $Septiembre,
    $Octubre,
    $Noviembre,
    $Diciembre
);

$series = array();

for($i=0;$i<=11;$i++) {
	$serie = array( 'name' => $textos[$i] , 'data' => $datos[$i]) ;
	//$serie = array( 'name' => $textos[$i] , 'data' => $datos[$i]) ;
	array_push( $series,$serie);
//echo $textos[$i]." : ".$datos[$i]."<br>";
}

//echo $textos;
//echo $datos;

//echo "fuck";

?> 

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>

		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<style type="text/css">
${demo.css}
		</style>
		<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: 'Deudores'
        },
        subtitle: {
            text: 'Bla Bla'
        },
        xAxis: {
            categories: <?php echo json_encode($textos) ?>,
            title: {
                text: null
            }
        },
		
        yAxis: {
            min: 0,
            title: {
                text: 'Cantidad de deudores',
                align: 'high'
            },
            labels: {
                overflow: 'justify'
            }
        },
        tooltip: {
            valueSuffix: ' millions'
        },
		plotOptions: {
        series: {
            dataLabels:{
                enabled:true,
                formatter:function(){
                    if(this.y > 0)
                        return this.y;
                }
            }
        }
  		},
        legend: {
            //layout: 'vertical',
            //align: 'right',
            //verticalAlign: 'top',
            //x: -40,
            //y: 80,
            //floating: true,
            //borderWidth: 1,
            //backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
            //shadow: true
        },
        credits: {
            enabled: false
        },
        series: [{
            name: ['Montos'],
            data: <?php echo json_encode( $datos) ?>
        }]
    });
});
		</script>
	</head>
	<body>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>

	</body>
</html>

¿ Alguien me puede ayudar ?

pd : basado en http://www.forosdelweb.com/f18/colocar-nuevo-array-barplot-jpgraph-1142563/ , estoy intentando con otras librerias para buscar una solucion.