Esto es un gráfico hecho con la librería de chartJS, muestra datos segun el AÑO
y al cambiar de MES
. Como dice el titulo, quiero poder graficar los datos de mi DB con HighCharts, pero no se hacerlo, no se como va la ubicación del código o si hay que realizar alguna otra cosa.
HTML
<div class="caja">
<select name="ANO" id="ANO">
<option>Seleccione...</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2015</option>
</select>
</div>
<div class="caja">
<select name="MES" id="MES" onChange="mostrarResultados(this.value)">
<option>Seleccione...</option>
<option value="1">ENERO</option>
<option value="2">FEBRERO</option>
<option value="3">MARZO</option>
<option value="4">ABRIL</option>
<option value="5">MAYO</option>
<option value="6">JUNIO</option>
<option value="7">JULIO</option>
<option value="8">AGOSTO</option>
<option value="9">SEPTIEMBRE</option>
<option value="10">OCTUBRE</option>
<option value="11">NOVIEMBRE</option>
<option value="12">DICIEMBRE</option>
</select>
</div>
JQUERY
$(document).ready(mostrarResultados());
function mostrarResultados(MES, ANO){
var _mes = $("#MES").val();
var _ano = $("#ANO").val();
$.ajax({
type:'POST',
url:'controlador/procesar.php',
data: {MES : _mes , ANO : _ano},
success:function(data){
renderTo: 'container',
$(document).ready(function () {
var chart;
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: null,
type: 'line'
},
title: {
text: "Total dias de mora para la entrega talonarios correctivos y
preventivos por tecnico."
},
subtitle: {
text: ''
},
yAxis: {
title: {
text: 'Talonarios'
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle'
},
xAxis: {
categories: ['DIA_1', 'DIA_2'],
crosshair: true
},
series: [{
name: 'DIAS',
data: [dia1, dia2]
}]
});
});
});
}
}
PHP
<?php require_once('../Connections/conexion.php'); ?>
<?php
$MES = $_POST['MES'];
$ANO = $_POST['ANO'];
$dia1 = mysql_fetch_array(mysql_query("SELECT COUNT(PLANILLA) AS r FROM
acta_entrega WHERE DAY(FECHA_E_FAC)=1 AND MONTH(FECHA_E_FAC)='$MES'
AND YEAR(FECHA_E_FAC) = '$ANO'"));
$dia2 = mysql_fetch_array(mysql_query("SELECT COUNT(PLANILLA) AS r FROM
acta_entrega WHERE DAY(FECHA_E_FAC)=2 AND MONTH(FECHA_E_FAC)='$MES'
AND YEAR(FECHA_E_FAC) = '$ANO'"));
$data = array(0 => round($dia1['r'],1),
1 => round($dia2['r'],1)
);
echo json_encode($data);
?>