javascript – 使用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,'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”;
    }
}

解决方法

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

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

        chart.draw(data,options);