Foros del Web » Programando para Internet » Jquery »

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

Estas en el tema de Pasar datos obtenidos en PHP a gráfica JavaScript con JSON en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/10/2013, 08:50
 
Fecha de Ingreso: agosto-2013
Ubicación: Asturias
Mensajes: 11
Antigüedad: 10 años, 6 meses
Puntos: 0
Pregunta Pasar datos obtenidos en PHP a gráfica JavaScript con JSON

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:
Ver original
  1. include ("/pagina_de_prueba/restfull_api.php");//Aqui estan las funciones que me obtienen los datos de la base de datos
  2.  
  3. $new_var = datos_de_semana_aplicacion();//una de esas funciones, que me devuelve un array que en cada posicion contiene otro array
  4. $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
  5.  
  6. 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:
Ver original
  1. $.post('serv.php',{vble:'uno'/*Aqui iran los futuros parametros*/},function (respuesta) {
  2.         var dato = eval(respuesta);
  3.         $('#container').highcharts({
  4.             chart: {
  5.                 type: 'line'
  6.             },
  7.             title: {
  8.                 text: 'Temperatura'
  9.             },
  10.             subtitle: {
  11.                 text: 'Source: WorldClimate.com'
  12.             },
  13.             xAxis: {
  14.                 categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  15.             },
  16.             yAxis: {
  17.                 title: {
  18.                     text: 'Temperature (°C)'
  19.                 }
  20.             },
  21.             tooltip: {
  22.                 enabled: false,
  23.                 formatter: function() {
  24.                     return '<b>'+ this.series.name +'</b><br/>'+
  25.                         this.x +': '+ this.y +'°C';
  26.                 }
  27.             },
  28.             plotOptions: {
  29.                 line: {
  30.                     dataLabels: {
  31.                         enabled: true
  32.                     },
  33.                     enableMouseTracking: false
  34.                 }
  35.             },
  36.             series: [{
  37.                 name: 'Tokyo',
  38.                 data: [80, 78, 67, 78, 89, 87, 72, 80, 75, 77, 75.7, 86]
  39.             }, {
  40.                 name: 'London',
  41.                 data: dato.web
  42.             }]
  43.         });
  44.     });

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.
  #2 (permalink)  
Antiguo 06/10/2013, 04:47
Avatar de newboy_master  
Fecha de Ingreso: enero-2008
Ubicación: Granada
Mensajes: 882
Antigüedad: 16 años, 2 meses
Puntos: 46
Respuesta: Pasar datos obtenidos en PHP a gráfica JavaScript con JSON

¿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.
__________________
@jslirola - Programador Web Freelance.
  #3 (permalink)  
Antiguo 06/10/2013, 10:45
 
Fecha de Ingreso: agosto-2013
Ubicación: Asturias
Mensajes: 11
Antigüedad: 10 años, 6 meses
Puntos: 0
Respuesta: Pasar datos obtenidos en PHP a gráfica JavaScript con JSON

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:
Ver original
  1. Conexión Correcta
  2. {"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.
  #4 (permalink)  
Antiguo 01/05/2016, 07:03
 
Fecha de Ingreso: enero-2015
Ubicación: Ecuador
Mensajes: 9
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Pasar datos obtenidos en PHP a gráfica JavaScript con JSON

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
  #5 (permalink)  
Antiguo 01/05/2016, 08:19
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 8 años, 9 meses
Puntos: 263
Respuesta: Pasar datos obtenidos en PHP a gráfica JavaScript con JSON

Cita:
Iniciado por novo34 Ver Mensaje
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?????
__________________
[email protected]
HITCEL
  #6 (permalink)  
Antiguo 01/05/2016, 17:59
Avatar de NueveReinas  
Fecha de Ingreso: septiembre-2013
Ubicación: No tan Buenos Aires
Mensajes: 1.101
Antigüedad: 10 años, 6 meses
Puntos: 145
Respuesta: Pasar datos obtenidos en PHP a gráfica JavaScript con JSON

Cita:
Iniciado por novo34 Ver Mensaje
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.
__________________
¿Te sirvió la respuesta? Deja un +1

Etiquetas: ajax, funcion, javascript, js, json, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:33.