使用jquery的Ajax Google Visualization API Gauge

我希望创建一个通过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-> sensor as $ unit）{if（$ unit-> label ==“Temp”）{echo $ unit-> tempf。“F”; }}

---

---

Answer 1

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

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