JavaScript диаграммы - динамическое добавление точек данных - PullRequest
Новая
       29

JavaScript диаграммы - динамическое добавление точек данных

6 голосов
/ 22 января 2010

Я пытаюсь динамически добавлять точки данных в jqplot в результате полученных данных AJAX, но я не вижу способа сделать это. Разве это не возможно?

Если это не так, какие еще пакеты доступны для выполнения тех же базовых графиков, плюс позволяют динамические данные?

1 Ответ

6 голосов
/ 22 января 2010

Вы можете проверить приведенный ниже пример того, как это обрабатывается в Flot .Flot - это библиотека для построения графиков с открытым исходным кодом, основанная на jQuery , например jqplot .Обе библиотеки очень похожи.

Вот как будет выглядеть выборка и построение данных с помощью AJAX в коде: 

function fetchData() {
   $.ajax({
      url:      "json_fetch_new_data.php",
      method:   "GET",
      dataType: "json",
      success:  function(series) {
         var data = [ series ];

         $.plot($("#placeholder"), data, options);
      }
   });

   setTimeout(fetchData, 1000);
}

Убедитесь, что вы проверили следующую демонстрацию, чтобы увидеть ее в действии:

Для получения дополнительной информации о Flot:

...