Ajax Google Визуализация API Датчик с помощью jquery - PullRequest
3 голосов
/ 05 августа 2010

Я хочу создать приборную панель, которая обновляется через 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";}}



1 Ответ

7 голосов
/ 07 сентября 2010

Вы можете использовать такой же код для обновления тоже. Вам нужно создать новый экземпляр таблицы данных и снова вызвать функцию отрисовки диаграммы (очень похоже на то, как вы обновляли в первый раз).

        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);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...