Графики реального времени на js
Nov. 28th, 2018 04:20 pmПомните мой пост с вопросом, мол как сделать графики . Я внимательно всех выслушал, спасибо, и сделал совсем не так как мне советовали :) . В общем, графики почти реального времени строить можно. Выглядит это вот так.
Код посмотреть можно вот тут
Если кратко, то по таймеру вызывается CGI bash скрипт (о боже, CGI на bash), который очень прост:
Разумеется, не забываем что /var/www/html/result.dat существует и имеет права www-data:www-data (если для апача).
После чего, помощью https://www.papaparse.com/ мы берём scv-файл result.dat, вида:
И превращаем его в json, ну а далее дело техники - https://www.chartjs.org . Куча примеров, главное отрубить анимацию.
И да, не забывайте очищать массивы, перед внесением новой порции данных, иначе память уплывёт, будет глючить и тормозить. Я на ночь оставил так, с "неочищением", утром пришёл - мышка уже не ползает.
А вообще javascript мне понравился. Идеальный язык говнокода. Пишешь левой пяткой, отлаживаешь в браузере. Консолька. Короче, халява, ляпота. Нечего будет кушать, пойду в js-погроммисты.
Код посмотреть можно вот тут
Если кратко, то по таймеру вызывается CGI bash скрипт (о боже, CGI на bash), который очень прост:
#!/bin/bash echo "Content-type: text/html;charset=utf-8" echo программа_дающая_данные > /var/www/html/result.dat echo "true" exit 0
Разумеется, не забываем что /var/www/html/result.dat существует и имеет права www-data:www-data (если для апача).
После чего, помощью https://www.papaparse.com/ мы берём scv-файл result.dat, вида:
2019 2010 2160 2006 2023 2052 2041 1992 2053 2048 2181 1991 2019 2054 2147 1968 2003 1977 2189 1982 2052 1987 2101 1961 ....
И превращаем его в json, ну а далее дело техники - https://www.chartjs.org . Куча примеров, главное отрубить анимацию.
И да, не забывайте очищать массивы, перед внесением новой порции данных, иначе память уплывёт, будет глючить и тормозить. Я на ночь оставил так, с "неочищением", утром пришёл - мышка уже не ползает.
А вообще javascript мне понравился. Идеальный язык говнокода. Пишешь левой пяткой, отлаживаешь в браузере. Консолька. Короче, халява, ляпота. Нечего будет кушать, пойду в js-погроммисты.