Nueva pregunta

Pregunta:

 
  0  
 
 
Andersson Viveros Karma: 16 Colombia
 
 Fecha: 03-10-2017 05:55:18 (En Español)

Problema al graficar con Highcharts y AJAX[No resuelta]

Estoy tratando de realizar un gráfico dinámico, que me pase los datos por AJAX, que al seleccionar un MESme grafique segun resultado, pasa que en la consola del navegador me muestra resultados segun la consulta pero no me gráfica, y si coloco resultados predeterminados los muestra, pero cuando cambio de mes se coloca en blanco el gráfico. ayuda por favor. adjunto todo el código.

HTML

<div class="caja">
        <select name="ANO" id="ANO" autofocus="autofocus">
            <option>Seleccione...</option>
            <option value="2014">2014</option>
            <option value="2015">2015</option>
            <option value="2016">2016</option>
            <option value="2017">2017</option>
            <option value="2018">2018</option>
        </select>
    </div>
<br>
    <div class="caja">
        <select name="MES" id="MES">
            <option>Seleccione...</option>
            <option value="01">ENERO</option>
            <option value="02">FEBRERO</option>
            <option value="03">MARZO</option>
            <option value="04">ABRIL</option>
            <option value="05">MAYO</option>
            <option value="06">JUNIO</option>
            <option value="07">JULIO</option>
            <option value="08">AGOSTO</option>
            <option value="09">SEPTIEMBRE</option>
            <option value="10">OCTUBRE</option>
            <option value="11">NOVIEMBRE</option>
            <option value="12">DICIEMBRE</option>
        </select>
    </div>

<script>


JQUERY

<script>

jQuery(function ($) {
  var chart = new Highcharts.Chart({
      chart: {
          renderTo: 'container'
      },

      series: [{
        name : "Planillas recibidas por dia",
        data: ['DIA_1', 'DIA_2', 'DIA_3', 'DIA_4', 'DIA_5', 'DIA_6', 'DIA_7', 'DIA_8', 'DIA_9', 'DIA_10', 'DIA_11', 'DIA_12', 'DIA_13', 'DIA_14', 'DIA_15', 'DIA_16', 'DIA_17', 'DIA_18', 'DIA_19', 'DIA_20', 'DIA_21', 'DIA_22', 'DIA_23', 'DIA_24', 'DIA_25', 'DIA_26', 'DIA_27', 'DIA_28', 'DIA_29', 'DIA_30', 'DIA_31']


      }]
  });

  $( "#MES" ).change(function() {
  //validamos las fechass
  var ANO = $('#ANO').val();
  var MES = $('#MES').val();
      $.ajax({
        url: "controlador/procesar.php",
        method: "GET",
        data: { ANO: ANO, MES: MES }
      })
      
      .done(function(data) {

      console.log(data);
      console.log(ANO);
      console.log(MES);
      /* en mi caso esta en duro pero si recibes los valores deberian ser todos las series por tanto deberia ser algo como       chart.serie = data.serie*/ 

      chart.series[0].setData(data);
      
    });
  });
});
</script>


PHP

<?php require_once('conexion.php'); ?> 

<?php 

$MES = $_GET['MES']; 
$ANO = $_GET['ANO']; 
$resultado = [];

for ($i = 1; $i <= 31; $i++) { 
$query= "SELECT SUM(monto_venta) AS r FROM ventas WHERE DAY(fecha_venta)='$i' AND MONTH(fecha_venta)='$MES' AND YEAR(fecha_venta) = '$ANO'"; 

$result = mysql_query($query, $conexion); 
$valor = mysql_result($result, 0); 
$resultado[] = round($valor, 1); 
} 


echo json_encode($resultado); 

?>
 Etiquetas: AJAX - HTML - JQuery - MySQL - PHP Votos: 0 - Respuestas: 1 - Vistas: 7 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com