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

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

Модератор: immortal

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

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

Сообщение serghei »

Тренироваться со SteelSeries лучше всего в родной ветке форума и на Винде. Свой код могу выложить ночью. У меня так )
SPOILERSPOILER_SHOW
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 КБ) 5591 просмотр
AMS : ESP32 + NRF24 + 1Wire-I2C мост DS2482 + счетчик DS2423 + сеть MySensors + редактирование страниц в браузере + Upload по воздуху + SPIFFS
Вернуться к началу
Аватара пользователя
xor
Сообщения: 2044
Зарегистрирован: Сб ноя 22, 2014 8:45 pm

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

Сообщение xor »

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

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

Сообщение samolet »

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

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

Сообщение Jilber »

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

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

<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
Сообщения: 473
Зарегистрирован: Пн июл 31, 2017 10:00 pm

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

Сообщение andrey040670 »

Не работает в сценах.
MJD alfa: Khadas VIM1 Ubuntu 18.04.2 LTS (bionic) Linux 4.9.241 #33 aarch64 GNU/Linux
MJD alfa: Rpi 3B Debian 11 (bullseye) 6.1.68-v8+ #1708 aarch64 GNU/Linux
MJD alfa: AS-604T-F284 (ADM 3.5.9.RWM1) 3.12.20 #1 x86_64 GNU/Linux
Вернуться к началу
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург

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

Сообщение nick7zmail »

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

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

Сообщение andrey040670 »

Я блин не нашёл, спасибо.
MJD alfa: Khadas VIM1 Ubuntu 18.04.2 LTS (bionic) Linux 4.9.241 #33 aarch64 GNU/Linux
MJD alfa: Rpi 3B Debian 11 (bullseye) 6.1.68-v8+ #1708 aarch64 GNU/Linux
MJD alfa: AS-604T-F284 (ADM 3.5.9.RWM1) 3.12.20 #1 x86_64 GNU/Linux
Вернуться к началу
Аватара пользователя
samolet
Сообщения: 476
Зарегистрирован: Чт июн 29, 2017 10:29 am

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

Сообщение samolet »

спасибо
Вернуться к началу
Аватара пользователя
xor
Сообщения: 2044
Зарегистрирован: Сб ноя 22, 2014 8:45 pm

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

Сообщение xor »

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

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

Сообщение Кулибин »

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

Вернуться в «Модули и приложения»