Foros del Web » Programando para Internet » Jquery »

Google Guage - JSON - 1 Objeto

Estas en el tema de Google Guage - JSON - 1 Objeto en el foro de Jquery en Foros del Web. Estimados, Estoy tratando del llenar el valor un indicador. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original google. load ( "visualization" , "1" , { packages ...
  #1 (permalink)  
Antiguo 25/08/2015, 19:37
 
Fecha de Ingreso: julio-2013
Mensajes: 19
Antigüedad: 6 años
Puntos: 2
Google Guage - JSON - 1 Objeto

Estimados,

Estoy tratando del llenar el valor un indicador.

Código Javascript:
Ver original
  1. google.load("visualization", "1", {packages:["gauge"]});
  2.       google.setOnLoadCallback(drawChart);
  3.       function drawChart() {
  4.  
  5.         var data = google.visualization.arrayToDataTable([
  6.           ['Label', 'Value'],
  7.           ['Temp.', 0]
  8.         ]);
  9.  
  10.         var options = {
  11.           width: 400, height: 120,
  12.           redFrom: 90, redTo: 100,
  13.           yellowFrom:75, yellowTo: 90,
  14.           minorTicks: 5
  15.         };
  16.  
  17.         var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
  18.  
  19.         chart.draw(data, options);
  20.  
  21.         setInterval(function() {
  22.           var flow = $.ajax({url: 'values.php',  dataType: 'text', async: false}).responseText;
  23.           console.log("MOSTRANDO FLOW");
  24.           for(var i=0;i<flow.length;i++)
  25.             {
  26.                 valor=flow[i].valor;
  27.                 console.log("recibi", valor);  
  28.                 }
  29.           data.setValue(0, 1, flow);
  30.           chart.draw(data, options);
  31.         }, 5000)
  32.       }

Necesito que flow reciba el valor numero de un JSON que cree con un PHP.

Aqui la salida del JSON : [{"valor":"22"}]

Necesitaría que flow tome el valor 22, en este caso. Me pueden ayudar, a referenciarme a esa posición?

Aqui dejo el php, values.php, donde esta la consulta que devuelve la ultima fila.

Código PHP:
Ver original
  1. <?php
  2.    
  3.     header('Content-Type: application/json');
  4.     $con = mysql_connect("localhost","root","root");
  5.      
  6.     if (!$con) {
  7.     die('No se ha podido Conectar a: ' . mysql_error());
  8.     }
  9.      
  10.     mysql_select_db("NombreBase", $con);
  11.      
  12.     //Solo las ultimas 8 lecturas del Sensor
  13.     $result = mysql_query("SELECT valor from temperaturas order by id desc limit 1") or die ("Error");
  14.      
  15.     $data = Array();
  16.      
  17.     while($row = mysql_fetch_array($result)) {
  18.     //  $data[] = $row;
  19.     //o podria ser asi para que lo entiendas mejor:
  20.     $data[] = Array("valor" => $row['valor']);
  21.      
  22.     }
  23.      
  24.     mysql_close($con);
  25.      
  26.     echo json_encode($data);
  27.  
  28. ?>


Como siempre Muchas gracias!

Etiquetas: json
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 18:43.