Jauge Ajax Google Visualization API avec jquery

Question

Je cherche à créer une jauge de tableau de bord qui se met à jour via ajax. Voici le code que j'ai. J'ai le code ajax mais je ne suis pas sûr de la façon de mettre à jour la jauge. Aucune suggestion?

  google.load('visualization', '1', {packages:['gauge']}); 
      google.setOnLoadCallback(drawChart); 
      function drawChart() { 
      var data = new google.visualization.DataTable(); 
      data.addColumn('string', 'Label'); 
      data.addColumn('number', 'Value'); 
      data.addRows(1); 
      data.setValue(0, 0, 'Tempature'); 
      data.setValue(0, 1, 76); 

      var chart = new google.visualization.Gauge(document.getElementById('liveTempChart')); 
      var options = {width: 340, height: 130, redFrom: 90, redTo: 100, 
       yellowFrom:75, yellowTo: 90, minorTicks: 5}; 
      chart.draw(data, options); 
      } 

code ajax ...

foreach ($ obj-> capteur unité de $) { if ($ unite-> étiquette == "Temp") {echo $ unite-> tempf ." F"; }}

---

---

Answer 1

Vous pouvez utiliser le même genre de code pour la mise à jour aussi. Vous devez créer une nouvelle instance de table de données et appeler de nouveau la fonction draw du tableau (très similaire à la première mise à jour).

 var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Label'); 
     data.addColumn('number', 'Value'); 
     data.addRows(1); 
     data.setValue(0, 0, 'Tempature'); 
     data.setValue(0, 1, 76); 

     chart.draw(data, options);