Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/10/2013, 08:50
Derley
 
Fecha de Ingreso: agosto-2013
Ubicación: Asturias
Mensajes: 11
Antigüedad: 11 años, 2 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.