[Модуль] Charts (charts)

Разработка дополнительных модулей, подключение различных приложений.

Модератор: immortal

serghei
Сообщения: 2575
Зарегистрирован: Пт ноя 06, 2015 10:22 am
Откуда: Кишинёв
Благодарил (а): 303 раза
Поблагодарили: 282 раза

Re: Модуль Charts

Сообщение serghei » Пн авг 21, 2017 10:20 pm

Я сейчас расскажу как получил такую картинку в AMS , а Вы подумайте как это прикрутить к МД.
Изначально код страницы написал ledmax для платформы на ESP8266 со SPIFFS системой и использованием стороннего сервера amcharts.com . Вот её код.
chart.rar
(1.73 КБ) 207 скачиваний
Сначала в AMS формируется файл с историей , допустим температур. А дальше при открытии страницы файл уходит на сервер и возвращается в виде графика. Но фон был белым.Дальше eGorka подсказал как его совместить с картинкой. Стандартная процедура не сработала , пришлось извратиться так
СпойлерПоказать

Код: Выделить всё

<style>
<!-- по аналогии с другими страницами в AMS -->

  .concept2 {
    color: #333;
    background: #BCC7B7 url(//%!/concept2.jpg) no-repeat;   <!-- вставляем любую картинку -->
    background-size: 100% 100%;
  }    



#chartdiv {
width : 100%;
height : 500px;
} 
</style> 
и в HTML блоке
СпойлерПоказать

Код: Выделить всё

<body class="concept2"> <!-- пока это не написал , результата нет -->


<!-- HTML -->
<div id="chartdiv"></div>

</body>
А сам class="concept2" в .css определён так
СпойлерПоказать

Код: Выделить всё

.concept2 {
  color: #333;
  background-size: 100% 100%;
}
В общем все это заработало . Кстати , такой же фокус проскочил и в SteelSeries от Xor.

А дальше - больше. Все библиотеки сохранил локально на DUE. А Alexsis_76 и Ser009
написали скрипт для выбора любых графиков на странице. То есть записываем хоть десяток графиков , а на странице выбираем любые для отображения. Я просто это все тестирую. Но пока не могу сформировать и записать файл с именем " сегодняшний день".
Как то так.
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Sat
Сообщения: 25
Зарегистрирован: Пт авг 07, 2015 5:08 pm
Благодарил (а): 2 раза
Поблагодарили: 3 раза

Re: Модуль Charts

Сообщение Sat » Ср авг 30, 2017 5:27 pm

подскажите
есть ли возможность в виде дополнительных параметров прописать/опубликовать параметр step?
http://jsfiddle.net/gh/get/library/pure ... line-step/
хотел вместе с контролируемыми параметрами отображать их границы, но сами границы могут время от времени меняться
график рисует сплайн, а нужны ступеньки
ivannag
Сообщения: 146
Зарегистрирован: Вт апр 12, 2016 12:19 am
Благодарил (а): 18 раз
Поблагодарили: 27 раз

Re: Модуль Charts

Сообщение ivannag » Вт сен 05, 2017 7:08 pm

Заметил косяк, при добавлении 2х данных на один график, если у них разные единицы измерения.
СпойлерПоказать
charts1.jpg
charts1.jpg (245.01 КБ) 6111 просмотров
Как видно из скрина нагрузка отрисовывается по шкале напряжения, хоть по цвету видно что имеет свою шкалу, которая еще почему-то слева а не справа, при чем отключив данные для напряжения, нагрузка получает "человеческий" вид (скрин 2)
СпойлерПоказать
charts2.jpg
charts2.jpg (189.99 КБ) 6111 просмотров
может быть такое только у меня?
и вопрос к Сергею: будет ли в дальнейшем прикручена дополнительной опцией возможность изменения масштаба и временного интервала прямо на графиках? и планируются ли графики для счетчиков (тоесть представление потребления по часам, дням, месяцам...)?
Logrus
Сообщения: 2084
Зарегистрирован: Пт апр 07, 2017 12:20 pm
Благодарил (а): 313 раз
Поблагодарили: 457 раз

Re: Модуль Charts

Сообщение Logrus » Вт сен 05, 2017 8:31 pm

А в "Приоритет" 10 и во второй 20 и местами наоборот, не помогает?
Температуру, давление, влажность вывел (только линией, не заливкой, они по разному выводят масштаб) тоже местами пришлось менять, только вот цвет самому не задать.
Telegram | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7, флешка 16 Гб работает с 10.09.2017
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо
ivannag
Сообщения: 146
Зарегистрирован: Вт апр 12, 2016 12:19 am
Благодарил (а): 18 раз
Поблагодарили: 27 раз

Re: Модуль Charts

Сообщение ivannag » Вт сен 05, 2017 8:44 pm

Logrus писал(а):А в "Приоритет" 10 и во второй 20 и местами наоборот, не помогает?
Температуру, давление, влажность вывел (только линией, не заливкой, они по разному выводят масштаб) тоже местами пришлось менять, только вот цвет самому не задать.
приоритетом максимум можно подогнать оба графика под другую шкалу, но не как не каждый под свою(( другой тип кривой тоже погоды не меняет.
fedor
Сообщения: 13
Зарегистрирован: Вт сен 20, 2016 8:48 pm
Благодарил (а): 4 раза
Поблагодарили: 1 раз

Re: Модуль Charts

Сообщение fedor » Пт сен 29, 2017 3:27 pm

прозрачный фон в сценах для графиков делаю так:

.highcharts-background {
fill: rgba(0, 0, 0, 0);
}
zelevova
Сообщения: 291
Зарегистрирован: Вт ноя 18, 2014 11:43 pm
Откуда: Краснодарский край
Благодарил (а): 32 раза
Поблагодарили: 68 раз

Re: Модуль Charts

Сообщение zelevova » Вт окт 03, 2017 1:18 am

Код: Выделить всё

Usage: [#module name="charts" id="2"#] or [#module name="charts" id="2" width="100%" height="400" interval="3600"#] or Link: /module/charts.html?id=2  
А есть возможность "период" (HISTORY_DEPTH) задавать при вызове графика?
Типа в настройках графика указывается период по умолчанию, а при необходимости задаем другой.
Например есть график температуры за день, а рядом хочется видеть историю тех же значений но за неделю. Не городить же два почти одинаковых графика? Мне кажется правильно будет вывести тоже график с другим периодом.
Majordomo (GitHub) на cubietruck + MegaD + 1-wire
CONNECT: http://connect.smartliving.ru/profile/311
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Модуль Charts

Сообщение nick7zmail » Вт окт 03, 2017 6:26 am

interval="3600" и есть период. Можете сделать его переменным (привязать к свойству) и менять свойства по кнопочкам к примеру...только вот не уверен - будет ли в режиме "Онлайн" перестраиваться график, или надо будет перегружать страничку.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
zelevova
Сообщения: 291
Зарегистрирован: Вт ноя 18, 2014 11:43 pm
Откуда: Краснодарский край
Благодарил (а): 32 раза
Поблагодарили: 68 раз

Re: Модуль Charts

Сообщение zelevova » Ср окт 04, 2017 4:33 am

Я тоже был наивным и пытался так сделать, но interval это время автообновления графика. Что есть не совсем то что надо.
Majordomo (GitHub) на cubietruck + MegaD + 1-wire
CONNECT: http://connect.smartliving.ru/profile/311
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Модуль Charts

Сообщение nick7zmail » Ср окт 04, 2017 6:35 am

А, ну ок)) Хотя странно, что интервал обновления графика - 1 час))
Тогда с текущей реализацией - могу предложить только напрямую в базу писать интервал...Там же в настройках задаётся значение, и записывается в базу. Можно тупо переписывать прямо там...других вариантов без доработки модуля нет.
Можно попробовать, как вариант самому графики на любой библиотеке js построить без использования модуля...
Помню, строил какой-то график - там прямо на графике была возможность выбрать периоды, и он динамически перестраивался.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Ответить