[SOLUCIONADO] Pasar datos obtenidos en PHP a gráfica JavaScript con JSON

[Derley]

Hola,

He preguntado en el foro de PHP, pero al parecer lo que necesito es Ajax/Jquery para esto así que vuelvo a poner mi duda aquí.

El caso es que tengo una base de datos de la cual obtengo datos para hacer "históricos" o estadísticas, esos datos los represento en una gráfica hecha en JavaScript.

Aquí el código del servidor.php de momento tiene 4 lineas porque estoy probando, la idea es ampliarlo después para segun los datos que reciba de la peticion codificar unos datos u otros("serv.php")

Código PHP:

include ("/pagina_de_prueba/restfull_api.php");//Aqui estan las funciones que me obtienen los datos de la base de datos
 
$new_var = datos_de_semana_aplicacion();//una de esas funciones, que me devuelve un array que en cada posicion contiene otro array
$partida['web'] = $new_var[0];//Cojo el primer array que contiene el nº de accesos a la web, cada posición es un día de la semana
 
echo json_encode($partida);//Codifico para enviarlo de vuelta
 

Aqui el código que creará la gráfica.

Código PHP:

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 
  

Código Javascript:

$.post('serv.php',{vble:'uno'/*Aqui iran los futuros parametros*/},function (respuesta) {
        var dato = eval(respuesta);
        $('#container').highcharts({
            chart: {
                type: 'line'
            },
            title: {
                text: 'Temperatura'
            },
            subtitle: {
                text: 'Source: WorldClimate.com'
            },
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            yAxis: {
                title: {
                    text: 'Temperature (°C)'
                }
            },
            tooltip: {
                enabled: false,
                formatter: function() {
                    return '<b>'+ this.series.name +'</b><br/>'+
                        this.x +': '+ this.y +'°C';
                }
            },
            plotOptions: {
                line: {
                    dataLabels: {
                        enabled: true
                    },
                    enableMouseTracking: false
                }
            },
            series: [{
                name: 'Tokyo',
                data: [80, 78, 67, 78, 89, 87, 72, 80, 75, 77, 75.7, 86]
            }, {
                name: 'London',
                data: dato.web
            }]
        });
    });
 

La gráfica de Tokyo me la muesta bien ya que son datos quemados en el código, el error está en London que no me muestra nada de nada.

Muchas gracias.

Un saludo.

[newboy_master]

¿Has probado a poner simplemente "dato" en vez de "dato.web"? Deberías mostrar por pantalla el resultado de dato para ver si tiene el formato correcto.

Con un simple alert(dato) para ir depurando te valdría.

Salu2.

[Derley]

Hola,

Gracias, pues si, al final resulta que no tenía el formato correcto, el error me venía del archivo que incluía en el serv.php. Resulta que en ese archivo me conectaba a la base de datos y había puesto un echo "Conexión Correcta", por lo que el archivo serv.php me devolvía:

Código PHP:

Conexión Correcta
{"web":[90,90,90,90,90]}
 

Por lo que eso no era un formato JSON.

Un error demasiado tonto, se me había olvidado totalmente que tenía eso puesto en el otro archivo.

Lo dicho, muchas gracias.

Un saludo.

[novo34]

Hola, me podrías ayudar con el código por favor, llevo dos semanas tratando de lograr un gráfico de ventas por meses y no lo logro

[xfxstudios]

Iniciado por novo34

Hola, me podrías ayudar con el código por favor, llevo dos semanas tratando de lograr un gráfico de ventas por meses y no lo logro

que codigo?????

[NueveReinas]

Iniciado por novo34

Hola, me podrías ayudar con el código por favor, llevo dos semanas tratando de lograr un gráfico de ventas por meses y no lo logro

Compañero, este tema es de 2013. Hace 3 años.