[Модуль] Charts (charts)
Модератор: immortal
-
- Сообщения: 91
- Зарегистрирован: Чт окт 04, 2018 10:12 am
- Благодарил (а): 23 раза
- Поблагодарили: 13 раз
Re: [Модуль] Charts (charts)
Всем привет. Такой вопрос, Кто нибудь делал график изменения цен на бензин? Поделитесь опытом плз
-
- Сообщения: 395
- Зарегистрирован: Вт май 31, 2016 6:56 pm
- Откуда: Россия Карелия Петрозаводск
- Благодарил (а): 95 раз
- Поблагодарили: 57 раз
Re: [Модуль] Charts (charts)
Есть два вопроса.
1. Почему при периоде 0 стрелки нет уже три месяца, зачем было портить?
2. Как настроить чтобы отчет нуля на приборе начинался не сверху как на часах, а как на приборах, ноль в нижнем левом углу?
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
Мои исходники для мд управляемых устройств https://github.com/vgamaev/ESPMDDEVICE
- xor
- Сообщения: 2038
- Зарегистрирован: Сб ноя 22, 2014 8:45 pm
- Благодарил (а): 284 раза
- Поблагодарили: 629 раз
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
лайвхак- попробуйте поставить период 1 минута. Вроде, стрелка должна появиться, и гауге доступна к выбору.
Зеленую кнопку вынесли в настройки
по поводу смещения 0, надо в конфиге химичить, хайчартс это позволяет
win10 connect https://connect.smartliving.ru/profile/303
-
- Сообщения: 395
- Зарегистрирован: Вт май 31, 2016 6:56 pm
- Откуда: Россия Карелия Петрозаводск
- Благодарил (а): 95 раз
- Поблагодарили: 57 раз
Re: [Модуль] Charts (charts)
если ставить одна минута то рисуется много стрелок , все значения за минуту.
Сервер МД на x86 micro pc ssd + HDD, OC Debian, терминал Xiaomi Redmi note 7
Мои исходники для мд управляемых устройств https://github.com/vgamaev/ESPMDDEVICE
Мои исходники для мд управляемых устройств https://github.com/vgamaev/ESPMDDEVICE
-
- Сообщения: 2079
- Зарегистрирован: Пт апр 07, 2017 12:20 pm
- Благодарил (а): 313 раз
- Поблагодарили: 457 раз
Re: [Модуль] Charts (charts)
ну вам не угодишь - убрать?
п.с. у меня нормально п.с. но у себя вырезал замену запятых из бд (коих у меня нет, и быть не может, и вообще до фильтровать надо - если надо)
на скринах крайняя версия модуля - без изменений
Telegram | Блог
Raspberry Pi3, с образа от Сергея 3.31, PHP 7, флешка 16 Гб работает с 10.09.2017
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо
Raspberry Pi3, с образа от Сергея 3.31, PHP 7, флешка 16 Гб работает с 10.09.2017
Почти всё время уходит на исправление ошибок, оставшееся - на их повторение. (с) ))) Спасибо
-
- Сообщения: 217
- Зарегистрирован: Вт июл 21, 2015 4:59 pm
- Откуда: Москва
- Благодарил (а): 56 раз
- Поблагодарили: 1 раз
Re: [Модуль] Charts (charts)
Может уже обсуждалось, не нашёл. Киньте ссылкой если было.
Устанавливаю max для графика, например, max: 35
А на графике выводится максимум 60
Или надо min: 20, max: 100, а выводится от 20 до 150
Если ставишь: min: 25, max: 100 то всё нормально.
Устанавливаю max для графика, например, max: 35
А на графике выводится максимум 60
Или надо min: 20, max: 100, а выводится от 20 до 150
Если ставишь: min: 25, max: 100 то всё нормально.
MDM Raspberry Pi 3b, esp32, ModBUS, esp8266, NooLite(MTRF-64-USB, SU-1-***, SLF-1-300, PM112, радиопульты PU)
-
- Сообщения: 106
- Зарегистрирован: Сб янв 20, 2018 12:33 am
- Благодарил (а): 42 раза
- Поблагодарили: 7 раз
Re: [Модуль] Charts (charts)
Настройки надо вводить в Highcharts Setup. Api можно посмотреть здесь: https://api.highcharts.com/highcharts/
Для примера как у меня настроен один из графиков: Вот код в Highcharts Setup:
Для примера как у меня настроен один из графиков: Вот код в 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
}]
};
}
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
}]
};
}
- Рейтинг: 1.16%
-
- Сообщения: 84
- Зарегистрирован: Вт мар 13, 2018 1:51 pm
- Благодарил (а): 34 раза
- Поблагодарили: 6 раз
Re: [Модуль] Charts (charts)
Добрый день.
Может кто подскажет как сверху, на столбиках вывести цифры (в моем случае температура)?
Хотел графики в телегу отправлять, но без цифр сверху смысл теряется. Да и вообще мне кажется это удобнее, чем водить мышкой по графику
Ну не осилил сам и примеры смотрел. Где то на форуме помню видел скрин похожего графика с цифрами сверху, не могу найти.
Может кто подскажет как сверху, на столбиках вывести цифры (в моем случае температура)?
Хотел графики в телегу отправлять, но без цифр сверху смысл теряется. Да и вообще мне кажется это удобнее, чем водить мышкой по графику
Ну не осилил сам и примеры смотрел. Где то на форуме помню видел скрин похожего графика с цифрами сверху, не могу найти.
СпойлерПоказать
-
- Сообщения: 84
- Зарегистрирован: Вт мар 13, 2018 1:51 pm
- Благодарил (а): 34 раза
- Поблагодарили: 6 раз
Re: [Модуль] Charts (charts)
обратился к @dmsergei (огромная благодарность ему), он дал пример для столбиков с цифирками.iden писал(а): ↑Пт апр 17, 2020 3:31 pmДобрый день.
Может кто подскажет как сверху, на столбиках вывести цифры (в моем случае температура)?
Хотел графики в телегу отправлять, но без цифр сверху смысл теряется. Да и вообще мне кажется это удобнее, чем водить мышкой по графику
Ну не осилил сам и примеры смотрел. Где то на форуме помню видел скрин похожего графика с цифрами сверху, не могу найти.
СпойлерПоказать_charts.jpeg
Провозился и методом тыка вот что получилось. Настроек вагон и пара телег, очень много и половина лишняя для меня. Осталось дождаться минусовой температуры и внести правки, в остальном очень даже хорошо выглядит.
СпойлерПоказать
Код: Выделить всё
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: '.'
}
}
- Рейтинг: 3.49%
-
- Сообщения: 217
- Зарегистрирован: Вт июл 21, 2015 4:59 pm
- Откуда: Москва
- Благодарил (а): 56 раз
- Поблагодарили: 1 раз
Re: [Модуль] Charts (charts)
Подскажите, как узнать версию highcharts?
у меня при наведении курсора не всегда, тончее почти никогда, не отображаются значения на графиках читал, что может зависеть от версии highcharts
вот и хотел проверить
мне надо, что бы всегда отображались значения, даже если не попадаешь в точку либо интерполяция либо ближайшее значение, без разницы
у меня при наведении курсора не всегда, тончее почти никогда, не отображаются значения на графиках читал, что может зависеть от версии highcharts
вот и хотел проверить
мне надо, что бы всегда отображались значения, даже если не попадаешь в точку либо интерполяция либо ближайшее значение, без разницы
MDM Raspberry Pi 3b, esp32, ModBUS, esp8266, NooLite(MTRF-64-USB, SU-1-***, SLF-1-300, PM112, радиопульты PU)