Страница 14 из 55

Re: Модуль Charts

Добавлено: Пн авг 21, 2017 10:20 pm
serghei
Я сейчас расскажу как получил такую картинку в AMS , а Вы подумайте как это прикрутить к МД.
Изначально код страницы написал ledmax для платформы на ESP8266 со SPIFFS системой и использованием стороннего сервера amcharts.com . Вот её код.
chart.rar
(1.73 КБ) 336 скачиваний
Сначала в 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
написали скрипт для выбора любых графиков на странице. То есть записываем хоть десяток графиков , а на странице выбираем любые для отображения. Я просто это все тестирую. Но пока не могу сформировать и записать файл с именем " сегодняшний день".
Как то так.

Re: Модуль Charts

Добавлено: Ср авг 30, 2017 5:27 pm
Sat
подскажите
есть ли возможность в виде дополнительных параметров прописать/опубликовать параметр step?
http://jsfiddle.net/gh/get/library/pure ... line-step/
хотел вместе с контролируемыми параметрами отображать их границы, но сами границы могут время от времени меняться
график рисует сплайн, а нужны ступеньки

Re: Модуль Charts

Добавлено: Вт сен 05, 2017 7:08 pm
ivannag
Заметил косяк, при добавлении 2х данных на один график, если у них разные единицы измерения.
SPOILERSPOILER_SHOW
charts1.jpg
charts1.jpg (245.01 КБ) 7820 просмотров
Как видно из скрина нагрузка отрисовывается по шкале напряжения, хоть по цвету видно что имеет свою шкалу, которая еще почему-то слева а не справа, при чем отключив данные для напряжения, нагрузка получает "человеческий" вид (скрин 2)
SPOILERSPOILER_SHOW
charts2.jpg
charts2.jpg (189.99 КБ) 7820 просмотров
может быть такое только у меня?
и вопрос к Сергею: будет ли в дальнейшем прикручена дополнительной опцией возможность изменения масштаба и временного интервала прямо на графиках? и планируются ли графики для счетчиков (тоесть представление потребления по часам, дням, месяцам...)?

Re: Модуль Charts

Добавлено: Вт сен 05, 2017 8:31 pm
Logrus
А в "Приоритет" 10 и во второй 20 и местами наоборот, не помогает?
Температуру, давление, влажность вывел (только линией, не заливкой, они по разному выводят масштаб) тоже местами пришлось менять, только вот цвет самому не задать.

Re: Модуль Charts

Добавлено: Вт сен 05, 2017 8:44 pm
ivannag
Logrus писал(а):А в "Приоритет" 10 и во второй 20 и местами наоборот, не помогает?
Температуру, давление, влажность вывел (только линией, не заливкой, они по разному выводят масштаб) тоже местами пришлось менять, только вот цвет самому не задать.
приоритетом максимум можно подогнать оба графика под другую шкалу, но не как не каждый под свою(( другой тип кривой тоже погоды не меняет.

Re: Модуль Charts

Добавлено: Пт сен 29, 2017 3:27 pm
fedor
прозрачный фон в сценах для графиков делаю так:

.highcharts-background {
fill: rgba(0, 0, 0, 0);
}

Re: Модуль Charts

Добавлено: Вт окт 03, 2017 1:18 am
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) задавать при вызове графика?
Типа в настройках графика указывается период по умолчанию, а при необходимости задаем другой.
Например есть график температуры за день, а рядом хочется видеть историю тех же значений но за неделю. Не городить же два почти одинаковых графика? Мне кажется правильно будет вывести тоже график с другим периодом.

Re: Модуль Charts

Добавлено: Вт окт 03, 2017 6:26 am
nick7zmail
interval="3600" и есть период. Можете сделать его переменным (привязать к свойству) и менять свойства по кнопочкам к примеру...только вот не уверен - будет ли в режиме "Онлайн" перестраиваться график, или надо будет перегружать страничку.

Re: Модуль Charts

Добавлено: Ср окт 04, 2017 4:33 am
zelevova
Я тоже был наивным и пытался так сделать, но interval это время автообновления графика. Что есть не совсем то что надо.

Re: Модуль Charts

Добавлено: Ср окт 04, 2017 6:35 am
nick7zmail
А, ну ок)) Хотя странно, что интервал обновления графика - 1 час))
Тогда с текущей реализацией - могу предложить только напрямую в базу писать интервал...Там же в настройках задаётся значение, и записывается в базу. Можно тупо переписывать прямо там...других вариантов без доработки модуля нет.
Можно попробовать, как вариант самому графики на любой библиотеке js построить без использования модуля...
Помню, строил какой-то график - там прямо на графике была возможность выбрать периоды, и он динамически перестраивался.