Диаграмма в реальном времени (SVG) + AJAX / Javascript / Jquery + StdOut + Python + Я действительно не знаю себя

Question

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

ОСНОВНАЯ ЦЕЛЬ:

Предназначен для построения графика в реальном времени, который обновляется без перезагрузки веб-страницы на основе данных, поступающих из stdout. Таким образом, в основном это должен быть скрипт Python, который получает каждое второе значение, и на основе этих значений продолжает рисовать линии в линейном графике.

1) Ну ​​вот основные теги в моей голове сейчас: Javascript / AJAX, cgi, веб-сервер Python http, SVG (векторная графика).

Так что в основном самая большая проблема 1014 *, которую я не понимаю, это как постоянно передавать значения stdout на веб-страницу. Если я напишу свой собственный веб-сервер на Python http, каким-то образом передам значения и с помощью javascript или ajax + SVG нарисую диаграмму.

Или писать http-сервер - глупая идея, и я могу как-то заставить его работать без него?

Приветствуются любые другие предложения или указания на некоторые учебники или статьи. Потому что сейчас я очень сбит с толку, особенно в части непрерывной передачи значений на веб-страницу.

Спасибо заранее. Надеюсь, ты сможешь указать мне куда-нибудь =)

Answer 1

Highcharts хороши для статических данных или для данных, обновляемых с максимальной скоростью 1000 мс.Попробуйте изменить частоту обновления до 100 мс - это похоже на дерьмо.

Я бы порекомендовал Smoothie Charts .Идеально подходит для вашего сценария.

Answer 2

Также проверьте возможности обновления Flot в реальном времени: http://people.iola.dk/olau/flot/examples/

Я использую базу данных в качестве буфера, поэтому нет необходимости в Comet или других push-методах.

Answer 3

То, что вы хотите сделать, это использовать JavaScript для визуализации диаграммы, например, используя библиотеку, такую ​​как highcharts .Затем вы можете использовать AJAX для отправки HTTP-запроса обратно на веб-сервер для получения ваших данных.

В зависимости от ваших потребностей, вы можете просто периодически совершать эти звонки для получения новых данных.Или вы можете использовать более эффективную технику, такую ​​как веб-сокеты , комета и т. Д.

Answer 4

Я бы использовал JavaScript для создания или манипулирования документом SVG, когда запросы AJAX опрашивали сервер и возвращали данные.