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

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

Модератор: immortal

Dimonopera
Сообщения: 38
Зарегистрирован: Чт окт 04, 2018 10:12 am
Благодарил (а): 8 раз
Поблагодарили: 5 раз

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

Сообщение Dimonopera » Вс фев 09, 2020 8:55 pm

Всем привет. Такой вопрос, Кто нибудь делал график изменения цен на бензин? Поделитесь опытом плз
VladPTZ
Сообщения: 382
Зарегистрирован: Вт май 31, 2016 6:56 pm
Откуда: Россия Карелия Петрозаводск
Благодарил (а): 93 раза
Поблагодарили: 55 раз

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

Сообщение VladPTZ » Чт фев 27, 2020 3:30 pm

Есть два вопроса.
1. Почему при периоде 0 стрелки нет уже три месяца, зачем было портить?
2. Как настроить чтобы отчет нуля на приборе начинался не сверху как на часах, а как на приборах, ноль в нижнем левом углу?
xor писал(а):
Пт фев 07, 2020 11:37 pm
про то, как восстановить стрелку было здесь раньше viewtopic.php?f=5&t=2810&start=400#p111450
Спасибо, но не забывать править код при перестановки системы и обновление модуля не очень удобно на мой взляд.
Сервер МД на x86 micro pc ssd + HDD, OC Debian, терминал Xiaomi Redmi note 7
Мои исходники для мд управляемых устройств https://github.com/vgamaev/ESPMDDEVICE
Аватара пользователя
xor
Сообщения: 1679
Зарегистрирован: Сб ноя 22, 2014 8:45 pm
Благодарил (а): 185 раз
Поблагодарили: 490 раз

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

Сообщение xor » Чт фев 27, 2020 10:56 pm

VladPTZ писал(а):
Чт фев 27, 2020 3:30 pm
Есть два вопроса.
1. Почему при периоде 0 стрелки нет уже три месяца, зачем было портить?
2. Как настроить чтобы отчет нуля на приборе начинался не сверху как на часах, а как на приборах, ноль в нижнем левом углу?
xor писал(а):
Пт фев 07, 2020 11:37 pm
про то, как восстановить стрелку было здесь раньше viewtopic.php?f=5&t=2810&start=400#p111450
Спасибо, но не забывать править код при перестановки системы и обновление модуля не очень удобно на мой взляд.
Вопрос к автору апдейта (, ему удалось убедить разработчика, что его поправка верна. Ну, наверное, у него заработало
лайвхак- попробуйте поставить период 1 минута. Вроде, стрелка должна появиться, и гауге доступна к выбору.
Зеленую кнопку вынесли в настройки
по поводу смещения 0, надо в конфиге химичить, хайчартс это позволяет
2020-02-27_23-07-17.png
2020-02-27_23-07-17.png (61.92 КБ) 1724 просмотра
VladPTZ
Сообщения: 382
Зарегистрирован: Вт май 31, 2016 6:56 pm
Откуда: Россия Карелия Петрозаводск
Благодарил (а): 93 раза
Поблагодарили: 55 раз

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

Сообщение VladPTZ » Пт фев 28, 2020 8:27 am

xor писал(а):
Чт фев 27, 2020 10:56 pm

лайвхак- попробуйте поставить период 1 минута. Вроде, стрелка должна появиться, и гауге доступна к выбору.
если ставить одна минута то рисуется много стрелок :D , все значения за минуту.
Сервер МД на x86 micro pc ssd + HDD, OC Debian, терминал Xiaomi Redmi note 7
Мои исходники для мд управляемых устройств https://github.com/vgamaev/ESPMDDEVICE
Logrus
Сообщения: 1673
Зарегистрирован: Пт апр 07, 2017 12:20 pm
Благодарил (а): 282 раза
Поблагодарили: 334 раза

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

Сообщение Logrus » Пн мар 30, 2020 1:24 am

VladPTZ писал(а):
Пт фев 28, 2020 8:27 am
xor писал(а):
Чт фев 27, 2020 10:56 pm

лайвхак- попробуйте поставить период 1 минута. Вроде, стрелка должна появиться, и гауге доступна к выбору.
если ставить одна минута то рисуется много стрелок :D , все значения за минуту.
ну вам не угодишь - убрать? :D
п.с. у меня нормально
Снимок1.PNG
Снимок1.PNG (52.55 КБ) 1583 просмотра
Снимок2.PNG
Снимок2.PNG (42.06 КБ) 1583 просмотра
п.с. но у себя вырезал замену запятых из бд (коих у меня нет, и быть не может, и вообще до фильтровать надо - если надо)
на скринах крайняя версия модуля - без изменений
Мой CONNECT | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо - ТАМ =>
EvgenyG
Сообщения: 197
Зарегистрирован: Вт июл 21, 2015 4:59 pm
Откуда: Москва
Благодарил (а): 54 раза
Поблагодарили: 1 раз

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

Сообщение EvgenyG » Вс апр 05, 2020 1:18 pm

Может уже обсуждалось, не нашёл. Киньте ссылкой если было.

Устанавливаю max для графика, например, max: 35
А на графике выводится максимум 60
Или надо min: 20, max: 100, а выводится от 20 до 150
Если ставишь: min: 25, max: 100 то всё нормально.
2020-04-05_13-13-26.png
2020-04-05_13-13-26.png (45.98 КБ) 1496 просмотров
2020-04-05_13-15-04.png
2020-04-05_13-15-04.png (72.3 КБ) 1496 просмотров
MDM Raspberry Pi 3b, esp32, ModBUS, esp8266, NooLite(MTRF-64-USB, SU-1-***, SLF-1-300, PM112, радиопульты PU)
Plug
Сообщения: 106
Зарегистрирован: Сб янв 20, 2018 12:33 am
Благодарил (а): 42 раза
Поблагодарили: 7 раз

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

Сообщение Plug » Вс апр 05, 2020 4:40 pm

Настройки надо вводить в Highcharts Setup. Api можно посмотреть здесь: https://api.highcharts.com/highcharts/
Для примера как у меня настроен один из графиков:
1.PNG
1.PNG (33.75 КБ) 1473 просмотра
Вот код в Highcharts Setup:
СпойлерПоказать
function (config, options) {
config.credits = {enabled: false};
config.legend= {enabled: false};
config.title= {
text: ''
},
config.yAxis= {
min: 0,
max: 100,
minorTickInterval: 'auto',
minorTickWidth: 1,
minorTickLength: 10,
minorTickPosition: 'inside',
minorTickColor: '#666',

tickPixelInterval: 40,
tickWidth: 2,
tickPosition: 'inside',
tickLength: 10,
tickColor: '#666',
title: {
text: 'Cold °C'
},
plotBands: [{
from: 4,
to: 20,
color: '#55BF3B' // green
},{
from: 2,
to: 4,
color: '#DDDF0D' // yellow
},{
from: 20,
to: 25,
color: '#DDDF0D' // yellow
},{
from: 0,
to: 2,
color: '#DF5353' // red
},{
from: 25,
to: 100,
color: '#DF5353' // red
}]
};
}
За это сообщение автора Plug поблагодарил:
~220v (Вт апр 14, 2020 5:44 am)
Рейтинг: 1.23%
iden
Сообщения: 82
Зарегистрирован: Вт мар 13, 2018 1:51 pm
Благодарил (а): 34 раза
Поблагодарили: 6 раз

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

Сообщение iden » Пт апр 17, 2020 3:31 pm

Добрый день.
Может кто подскажет как сверху, на столбиках вывести цифры (в моем случае температура)?
Хотел графики в телегу отправлять, но без цифр сверху смысл теряется. Да и вообще мне кажется это удобнее, чем водить мышкой по графику
Ну не осилил сам и примеры смотрел. Где то на форуме помню видел скрин похожего графика с цифрами сверху, не могу найти.

СпойлерПоказать
_charts.jpeg
_charts.jpeg (63.62 КБ) 1322 просмотра
iden
Сообщения: 82
Зарегистрирован: Вт мар 13, 2018 1:51 pm
Благодарил (а): 34 раза
Поблагодарили: 6 раз

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

Сообщение iden » Пн апр 20, 2020 2:02 pm

iden писал(а):
Пт апр 17, 2020 3:31 pm
Добрый день.
Может кто подскажет как сверху, на столбиках вывести цифры (в моем случае температура)?
Хотел графики в телегу отправлять, но без цифр сверху смысл теряется. Да и вообще мне кажется это удобнее, чем водить мышкой по графику
Ну не осилил сам и примеры смотрел. Где то на форуме помню видел скрин похожего графика с цифрами сверху, не могу найти.

СпойлерПоказать
_charts.jpeg
обратился к @dmsergei (огромная благодарность ему), он дал пример для столбиков с цифирками.
Провозился и методом тыка вот что получилось. Настроек вагон и пара телег, очень много и половина лишняя для меня. Осталось дождаться минусовой температуры и внести правки, в остальном очень даже хорошо выглядит.
СпойлерПоказать
_charts.jpeg
_charts.jpeg (97.81 КБ) 1202 просмотра
Кому нужно забирайте, правьте и делитесь:

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

function (config, options) {
config.credits = {enabled: false}; 
config.legend= {enabled: false};

config.series = [
{
          name: 'вписать свое',
          type: 'column',
          yAxis: 1,
          pointWidth: 52,
          dataLabels: 
          {
             enabled: true,
             rotation:0,
             color: '#E83C3C',
             align: 'center',
             format: '{point.y:.1f}', // one decimal
             y: 10, // 10 pixels down from the top
             style: {
                       fontSize: '17px',
                       fontFamily: 'Verdana, sans-serif'
                    }
            },
               color: '#64E572',
},
{
       name: 'вписать свое',
       yAxis: 0,
       type: 'spline', 
       marker: 
       {
         enabled: false,
         radius: 1,
        },
          color: '#FF3333',
          negativeColor: '#48AFE8',
          data: []
}
               ];

config.yAxis = [{

labels: {
style: {
color: Highcharts.getOptions().colors[0]
}}
},
{
title: {
text: '',
style: {
color: '#000',
}
},
labels: {
style: {
color: '#100',
}
},
min: 0,
max: 25,
tickPositions: [0, 5, 10, 15, 20, 25],
gridLineWidth: 0,
opposite: true
}
];


options.lang = {
      loading: 'Загрузка...',
      months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
      weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
      shortMonths: ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сент', 'Окт', 'Нояб', 'Дек'],
      exportButtonTitle: "Экспорт",
      printButtonTitle: "Печать",
      rangeSelectorFrom: "С",
      rangeSelectorTo: "По",
      rangeSelectorZoom: "Период",
      downloadPNG: 'Скачать PNG',
      downloadJPEG: 'Скачать JPEG',
      downloadPDF: 'Скачать PDF',
      downloadSVG: 'Скачать SVG',
      printChart: 'Напечатать график',
      resetZoom: 'Сбросить зум',
      resetZoomTitle: 'Сбросить зум',
      thousandsSep: " ",
      decimalPoint: '.'
   }


                              }
За это сообщение автора iden поблагодарили (всего 3):
Plug (Пн апр 20, 2020 2:12 pm) • ~220v (Пн апр 20, 2020 8:23 pm) • Jurich (Чт окт 22, 2020 10:06 am)
Рейтинг: 3.7%
EvgenyG
Сообщения: 197
Зарегистрирован: Вт июл 21, 2015 4:59 pm
Откуда: Москва
Благодарил (а): 54 раза
Поблагодарили: 1 раз

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

Сообщение EvgenyG » Ср апр 29, 2020 6:25 pm

Подскажите, как узнать версию highcharts?

у меня при наведении курсора не всегда, тончее почти никогда, не отображаются значения на графиках
2020-04-29_22-16-10.png
2020-04-29_22-16-10.png (9.59 КБ) 988 просмотров
читал, что может зависеть от версии highcharts
вот и хотел проверить
мне надо, что бы всегда отображались значения, даже если не попадаешь в точку
2020-04-29_22-15-56.png
2020-04-29_22-15-56.png (13.3 КБ) 988 просмотров
либо интерполяция либо ближайшее значение, без разницы
MDM Raspberry Pi 3b, esp32, ModBUS, esp8266, NooLite(MTRF-64-USB, SU-1-***, SLF-1-300, PM112, радиопульты PU)
Ответить