?

Log in

No account? Create an account
  Journal   Friends   Calendar   User Info   Memories
 

Электронный миссионер

28th November, 2018. 4:20 pm. Графики реального времени на 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-погроммисты.

Make Notes

Back A Day - Forward A Day