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

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

• Flot Examples - Updating graphs with AJAX

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

• Flot Project Site
• Flot Examples
• Other Flot Examples