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

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

Модератор: immortal

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

Re: Модуль Charts

Сообщение serghei »

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

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

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

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



#chartdiv {
width : 100%;
height : 500px;
} 
</style> 
и в HTML блоке
SPOILERSPOILER_SHOW

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

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


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

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

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

.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

Re: Модуль Charts

Сообщение Sat »

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

Re: Модуль Charts

Сообщение ivannag »

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

Re: Модуль Charts

Сообщение Logrus »

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

Re: Модуль Charts

Сообщение ivannag »

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

Re: Модуль Charts

Сообщение fedor »

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

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

Re: Модуль Charts

Сообщение zelevova »

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

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
Откуда: Екатеринбург

Re: Модуль Charts

Сообщение nick7zmail »

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

Re: Модуль Charts

Сообщение zelevova »

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

Re: Модуль Charts

Сообщение nick7zmail »

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