Ajax谷歌可视化API与jquery测量仪

Question

我期待创建一个仪表板衡量，通过ajax更新。以下是我的代码。我有ajax代码，但只是不确定如何更新仪表。有什么建议么？

  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); 
      } 

Ajax代码...

的foreach（$ obj->传感器$单元）{ 如果（$单位 - >标签== “温度”）{ 回声$单位 - > tempf 。“ F”; }}

---

---

Answer 1

您可以使用相同类型的代码更新了。您需要创建一个新的数据表实例并再次调用图表的绘图函数（非常类似于第一次更新的方式）。

 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);