[Модуль] Charts (charts)
Модератор: immortal
-
- Сообщения: 2575
- Зарегистрирован: Пт ноя 06, 2015 10:22 am
- Откуда: Кишинёв
- Благодарил (а): 303 раза
- Поблагодарили: 282 раза
Re: [Модуль] Charts (charts)
Тренироваться со SteelSeries лучше всего в родной ветке форума и на Винде. Свой код могу выложить ночью. У меня так )
СпойлерПоказать
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
- xor
- Сообщения: 2039
- Зарегистрирован: Сб ноя 22, 2014 8:45 pm
- Благодарил (а): 286 раз
- Поблагодарили: 629 раз
Re: [Модуль] Charts (charts)
не нужны steelseries в модуле. он заточен под работу с конкретной библиотекой hightcharts. а steelseries только с мгновенными показаниями работают и отдельной библиотекой ставятся. не нужно всё в кучу валить
win10 connect https://connect.smartliving.ru/profile/303
- samolet
- Сообщения: 472
- Зарегистрирован: Чт июн 29, 2017 10:29 am
- Благодарил (а): 46 раз
- Поблагодарили: 45 раз
Re: [Модуль] Charts (charts)
вот и я думаю ну неужели нельзя просто поставить в модуль выбор приборов как выше картинки??? что сложного? Никита я весь форум пролистал но от тебя ни одной картинки не увидел, может не в этой ветке киданул? Казалось бы чего проще то, картинки как минимум 7 штук со стрелками и не большой код где достаточно привязать свойство к стрелку и готово, но так непременно танцы с бубном и по автослесарить приходится, парни просьба, скиньте пожалуйста свои коды и картинки для не особо знающих программный стритресинг, спасибо заранее.
-
- Сообщения: 684
- Зарегистрирован: Ср май 03, 2017 7:41 pm
- Благодарил (а): 113 раз
- Поблагодарили: 107 раз
Re: [Модуль] Charts (charts)
У меня в домашней странице вроде работает.
А вообще вот тема.
Код: Выделить всё
<html>
<body onload="init()">
<table width="100%" border="0">
<tr>
<td width="33%" align=center>
<a href="/module/charts.html?id=config&period=24h&property=Room.Temperature" onclick="window.open(this.href,'description','width=1500, height=400, toolbar=0');return false;"><h5>Температура в комнате</h5></a>
</td>
<td width="33%" align=center>
<a href="/module/charts.html?id=config&period=24h&property=Room.Humidity" onclick="window.open(this.href,'description','width=1500, height=400, toolbar=0');return false;"><h5>Влажность в комнате</h5></a>
</td>
<td width="33%" align=center>
<a href="/module/charts.html?id=config&period=24h&property=Room.Pressure" onclick="window.open(this.href,'description','width=1500, height=400, toolbar=0');return false;"><h5>Давление в комнате</h5></a>
</td>
</tr>
<tr>
<td width="33%" align=center>
<canvas id="canvastemp01" width="201" height="201"></canvas>
</td>
<td width="33%" align=center>
<canvas id="canvashumidity01" width="201" height="201"></canvas>
</td>
<td width="33%" align=center>
<canvas id="canvaspressure01" width="201" height="201"></canvas>
</td>
</tr>
<tr>
<td width="33%" align=center>
<a href="/module/charts.html?id=config&period=24h&property=ow_fact.temperature" onclick="window.open(this.href,'description','width=1500,height=400,resizable=no, scrollbars=yes');return false;"><h5>Температура на улице</h5></a>
</td>
<td width="33%" align=center>
<a href="/module/charts.html?id=config&period=24h&property=ow_fact.humidity" onclick="window.open(this.href,'description','width=1500,height=400,resizable=no, scrollbars=yes');return false;"><h5>Влажность на улице</h5></a>
</td>
<td width="33%" align=center>
<a href="/module/charts.html?id=config&period=24h&property=ow_fact.pressure_mmhg" onclick="window.open(this.href,'description','width=1500,height=400,resizable=no, scrollbars=yes');return false;"><h5>Давление на улице</h5></a>
</td>
</tr>
<tr>
<td width="33%" align=center>
<canvas id="canvasTempOutside" width="201" height="201"></canvas>
</td>
<td width="33%" align=center>
<canvas id="canvasHumidityOutside" width="201" height="201"></canvas>
</td>
<td width="33%" align=center>
<canvas id="canvasPressureOutside" width="201" height="201"></canvas>
</td>
</tr>
</table>
<script>
var scroll = false;
var temp01;
var humidity01;
var pressure01;
var TempOutside;
var HumidityOutside;
var PressureOutside;
function init() {
// Initialzing gauge
temp01 = new steelseries.Radial('canvastemp01', {
gaugeType: steelseries.GaugeType.TYPE4,
size: 300,
minValue:10,
maxValue:30,
titleString: "Температура",
unitString: "Градусы",
threshold: 20,
lcdVisible: true
});
humidity01 = new steelseries.Radial('canvashumidity01', {
gaugeType: steelseries.GaugeType.TYPE4,
size: 300,
minValue:0,
maxValue:100,
titleString: "Влажность",
unitString: "%",
threshold: 25,
lcdVisible: true
});
pressure01 = new steelseries.Radial('canvaspressure01', {
gaugeType: steelseries.GaugeType.TYPE4,
size: 300,
minValue:500,
maxValue:800,
titleString: "Атм давление",
unitString: "мм рт ст",
threshold: 735,
lcdVisible: true
});
TempOutside = new steelseries.Radial('canvasTempOutside', {
gaugeType: steelseries.GaugeType.TYPE4,
size: 300,
minValue:-40,
maxValue:40,
titleString: "Температура",
unitString: "Градусы",
threshold: 0,
lcdVisible: true
});
HumidityOutside = new steelseries.Radial('canvasHumidityOutside', {
gaugeType: steelseries.GaugeType.TYPE4,
size: 300,
minValue:0,
maxValue:100,
titleString: "Влажность",
unitString: "%",
threshold: 90,
lcdVisible: true
});
PressureOutside = new steelseries.Radial('canvasPressureOutside', {
gaugeType: steelseries.GaugeType.TYPE4,
size: 300,
minValue:700,
maxValue:800,
titleString: "Атм давление",
unitString: "мм рт ст",
threshold: 735,
lcdVisible: true
});
temp01.setBackgroundColor(steelseries.BackgroundColor.WHITE);
humidity01.setBackgroundColor(steelseries.BackgroundColor.WHITE);
pressure01.setBackgroundColor(steelseries.BackgroundColor.WHITE);
TempOutside.setBackgroundColor(steelseries.BackgroundColor.WHITE);
HumidityOutside.setBackgroundColor(steelseries.BackgroundColor.WHITE);
PressureOutside.setBackgroundColor(steelseries.BackgroundColor.WHITE);
// Start the update
setInterval(function(){ live_upd("/pChart/?op=value&p=Room.Temperature", temp01); },10000);
setInterval(function(){ live_upd("/pChart/?op=value&p=Room.Humidity", humidity01); },10000);
setInterval(function(){ live_upd("/pChart/?op=value&p=Room.Pressure", pressure01); },10000);
setInterval(function(){ live_upd("/pChart/?op=value&p=ow_fact.temperature", TempOutside);}, 10000);
setInterval(function(){ live_upd("/pChart/?op=value&p=ow_fact.humidity", HumidityOutside); },10000);
setInterval(function(){ live_upd("/pChart/?op=value&p=ow_fact.pressure_mmhg", PressureOutside); },10000);
}
function live_upd(url,gauge) {
$.ajax({
url: url,
}).done(function(data) {
if (data!='') {gauge.setValueAnimated(parseFloat(data));}
});
}
</script>
<script src="../SteelSeries/tween-min.js"></script>
<script src="../SteelSeries/steelseries-min.js"></script>
</body>
</html>
- andrey040670
- Сообщения: 459
- Зарегистрирован: Пн июл 31, 2017 10:00 pm
- Благодарил (а): 161 раз
- Поблагодарили: 85 раз
Re: [Модуль] Charts (charts)
Не работает в сценах.
MJD alfa: Khadas VIM1 Ubuntu 18.04.2 LTS bionic Linux 4.9.40 #2 SMP PREEMPT Tue Oct 30 15:47:54 CST 2018 aarch64 GNU/Linux
MJD alfa: Rpi 3B Debian 11 (bullseye) Linux raspberrypi 6.1.21-v8+ #1642 SMP PREEMPT Mon Apr 3 17:24:16 BST 2023 aarch64 GNU/Linux
MJD alfa: Rpi 3B Debian 11 (bullseye) Linux raspberrypi 6.1.21-v8+ #1642 SMP PREEMPT Mon Apr 3 17:24:16 BST 2023 aarch64 GNU/Linux
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: [Модуль] Charts (charts)
- За это сообщение автора nick7zmail поблагодарили (всего 3):
- andrey040670 (Вт сен 22, 2020 5:27 pm) • samolet (Вт сен 22, 2020 8:49 pm) • xor (Вт сен 22, 2020 11:55 pm)
- Рейтинг: 3.49%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
- andrey040670
- Сообщения: 459
- Зарегистрирован: Пн июл 31, 2017 10:00 pm
- Благодарил (а): 161 раз
- Поблагодарили: 85 раз
Re: [Модуль] Charts (charts)
Я блин не нашёл, спасибо.
MJD alfa: Khadas VIM1 Ubuntu 18.04.2 LTS bionic Linux 4.9.40 #2 SMP PREEMPT Tue Oct 30 15:47:54 CST 2018 aarch64 GNU/Linux
MJD alfa: Rpi 3B Debian 11 (bullseye) Linux raspberrypi 6.1.21-v8+ #1642 SMP PREEMPT Mon Apr 3 17:24:16 BST 2023 aarch64 GNU/Linux
MJD alfa: Rpi 3B Debian 11 (bullseye) Linux raspberrypi 6.1.21-v8+ #1642 SMP PREEMPT Mon Apr 3 17:24:16 BST 2023 aarch64 GNU/Linux
- xor
- Сообщения: 2039
- Зарегистрирован: Сб ноя 22, 2014 8:45 pm
- Благодарил (а): 286 раз
- Поблагодарили: 629 раз
Re: [Модуль] Charts (charts)
супер! сподвиг меня свою старую страницу на вебсокеты переписать)nick7zmail писал(а): ↑Вт сен 22, 2020 5:08 pmНу вот заставили меня моё сообщение искать))
https://mjdm.ru/forum/viewtopic.php?p=86342#p86342
win10 connect https://connect.smartliving.ru/profile/303
-
- Сообщения: 66
- Зарегистрирован: Пн ноя 25, 2019 10:05 pm
- Благодарил (а): 12 раз
- Поблагодарили: 0
Re: [Модуль] Charts (charts)
Подскажите как сделать так что бы график давления не растягивался.
Утром свтаю например открываю а там давление выросло визуально круто, а смотришь на показания там всего на 2 мбар.
Хотелось бы установить жёсткую шкалу от 960 до 1010мбар и что бы она не подстраивалась под график.
Утром свтаю например открываю а там давление выросло визуально круто, а смотришь на показания там всего на 2 мбар.
Хотелось бы установить жёсткую шкалу от 960 до 1010мбар и что бы она не подстраивалась под график.