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

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

Модератор: immortal

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

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

Сообщение serghei » Вт сен 22, 2020 10:06 am

Тренироваться со SteelSeries лучше всего в родной ветке форума и на Винде. Свой код могу выложить ночью. У меня так )
СпойлерПоказать
Screenshot_2020-09-22-06-06-44-792_com.android.chrome.jpg
Screenshot_2020-09-22-06-06-44-792_com.android.chrome.jpg (219.82 КБ) 3395 просмотров
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Аватара пользователя
xor
Сообщения: 2036
Зарегистрирован: Сб ноя 22, 2014 8:45 pm
Благодарил (а): 283 раза
Поблагодарили: 628 раз

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

Сообщение xor » Вт сен 22, 2020 11:14 am

не нужны steelseries в модуле. он заточен под работу с конкретной библиотекой hightcharts. а steelseries только с мгновенными показаниями работают и отдельной библиотекой ставятся. не нужно всё в кучу валить
Аватара пользователя
samolet
Сообщения: 472
Зарегистрирован: Чт июн 29, 2017 10:29 am
Благодарил (а): 46 раз
Поблагодарили: 45 раз

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

Сообщение samolet » Вт сен 22, 2020 3:59 pm

вот и я думаю ну неужели нельзя просто поставить в модуль выбор приборов как выше картинки??? что сложного? Никита я весь форум пролистал но от тебя ни одной картинки не увидел, может не в этой ветке киданул? Казалось бы чего проще то, картинки как минимум 7 штук со стрелками и не большой код где достаточно привязать свойство к стрелку и готово, но так непременно танцы с бубном и по автослесарить приходится, парни просьба, скиньте пожалуйста свои коды и картинки для не особо знающих программный стритресинг, спасибо заранее.
Jilber
Сообщения: 682
Зарегистрирован: Ср май 03, 2017 7:41 pm
Благодарил (а): 111 раз
Поблагодарили: 107 раз

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

Сообщение Jilber » Вт сен 22, 2020 4:34 pm

У меня в домашней странице вроде работает.

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

<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
Сообщения: 458
Зарегистрирован: Пн июл 31, 2017 10:00 pm
Благодарил (а): 161 раз
Поблагодарили: 85 раз

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

Сообщение andrey040670 » Вт сен 22, 2020 4:51 pm

Не работает в сценах.
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
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

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

Сообщение nick7zmail » Вт сен 22, 2020 5:08 pm

andrey040670 писал(а):
Вт сен 22, 2020 4:51 pm
Не работает в сценах.
Ну вот заставили меня моё сообщение искать))
https://mjdm.ru/forum/viewtopic.php?p=86342#p86342
За это сообщение автора 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
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
andrey040670
Сообщения: 458
Зарегистрирован: Пн июл 31, 2017 10:00 pm
Благодарил (а): 161 раз
Поблагодарили: 85 раз

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

Сообщение andrey040670 » Вт сен 22, 2020 5:27 pm

Я блин не нашёл, спасибо.
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
Аватара пользователя
samolet
Сообщения: 472
Зарегистрирован: Чт июн 29, 2017 10:29 am
Благодарил (а): 46 раз
Поблагодарили: 45 раз

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

Сообщение samolet » Вт сен 22, 2020 8:49 pm

спасибо
Аватара пользователя
xor
Сообщения: 2036
Зарегистрирован: Сб ноя 22, 2014 8:45 pm
Благодарил (а): 283 раза
Поблагодарили: 628 раз

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

Сообщение xor » Вт сен 22, 2020 11:56 pm

nick7zmail писал(а):
Вт сен 22, 2020 5:08 pm
andrey040670 писал(а):
Вт сен 22, 2020 4:51 pm
Не работает в сценах.
Ну вот заставили меня моё сообщение искать))
https://mjdm.ru/forum/viewtopic.php?p=86342#p86342
супер! сподвиг меня свою старую страницу на вебсокеты переписать)
Кулибин
Сообщения: 66
Зарегистрирован: Пн ноя 25, 2019 10:05 pm
Благодарил (а): 12 раз
Поблагодарили: 0

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

Сообщение Кулибин » Пн окт 19, 2020 1:00 pm

Подскажите как сделать так что бы график давления не растягивался.
Утром свтаю например открываю а там давление выросло визуально круто, а смотришь на показания там всего на 2 мбар.
Хотелось бы установить жёсткую шкалу от 960 до 1010мбар и что бы она не подстраивалась под график.
Ответить