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

Question

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

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

Answer 1

Вы можете проверить приведенный ниже пример о том, как это обрабатывается в Флот. Анкет 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);
}

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

• Примеры флота - обновление графиков с помощью AJAX

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

• Флот -сайт
• Флот примеры
• Другие примеры флота