Дизайн сцен 2

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модератор: immortal

Мазур
Сообщения: 133
Зарегистрирован: Чт ноя 26, 2015 3:52 pm
Благодарил (а): 32 раза
Поблагодарили: 1 раз

Re: Дизайн сцен 2

Сообщение Мазур » Ср ноя 20, 2019 10:11 pm

Ребят подскажите пожалуйста, не получается вставить график в диаграммы.В общем данные беру с датчика температуры xiaomi.Установил charts, там настроил график температуры. Всё показывает там. Написано что я должен вставить #module name="charts" id="1"# в код.
Стандартный код <img src="/pChart/?p=ThisComputer.Sensor_temp01.value&unit=°C&type=3d&width=275&title=На улице: %Sensor_temp01.value%°C&gcolor=blue&gtype=curve&px=10">
Куда его надо ставить? Пробовал по разному ни чего не выходит. (((
Jilber
Сообщения: 682
Зарегистрирован: Ср май 03, 2017 7:41 pm
Благодарил (а): 111 раз
Поблагодарили: 107 раз

Re: Дизайн сцен 2

Сообщение Jilber » Ср ноя 20, 2019 10:49 pm

А куда нужно вставить-то ? В сцену, в домашнюю страницу ?
Вот например элемент у меня в сцене... тип - HTML:
СпойлерПоказать
Код.jpg
Код.jpg (58.99 КБ) 3368 просмотров
На странице выглядит так:
СпойлерПоказать
Графики.jpg
Графики.jpg (39.69 КБ) 3368 просмотров
freesh
Сообщения: 189
Зарегистрирован: Сб окт 12, 2019 2:10 pm
Благодарил (а): 6 раз
Поблагодарили: 30 раз

Re: Дизайн сцен 2

Сообщение freesh » Чт ноя 21, 2019 12:03 am

Мазур писал(а):
Ср ноя 20, 2019 10:11 pm
Ребят подскажите пожалуйста, не получается вставить график в диаграммы.В общем данные беру с датчика температуры xiaomi.Установил charts, там настроил график температуры. Всё показывает там. Написано что я должен вставить #module name="charts" id="1"# в код.
Стандартный код <img src="/pChart/?p=ThisComputer.Sensor_temp01.value&unit=°C&type=3d&width=275&title=На улице: %Sensor_temp01.value%°C&gcolor=blue&gtype=curve&px=10">
Куда его надо ставить? Пробовал по разному ни чего не выходит. (((
<img src="/pChart/?p=XiSensor_temp01.value&unit=°C&type=4h&width=275&title=t°C в комнате&gcolor=red&gtype=curve&px=10" id="graf1">
Вот мой код для температуры с датчика Xiaomi за четыре часа.
Вставляется в элемент сцены - html блок
Raspberry pi3, xiaomi, sonoff rf.
Мазур
Сообщения: 133
Зарегистрирован: Чт ноя 26, 2015 3:52 pm
Благодарил (а): 32 раза
Поблагодарили: 1 раз

Re: Дизайн сцен 2

Сообщение Мазур » Чт ноя 21, 2019 11:56 am

Jilber писал(а):
Ср ноя 20, 2019 10:49 pm
А куда нужно вставить-то ? В сцену, в домашнюю страницу ?
Вот например элемент у меня в сцене... тип - HTML:
СпойлерПоказать
Код.jpg
На странице выглядит так:
СпойлерПоказать
Графики.jpg
Здравствуйте. Вставить хочу в диаграммы как на первой странице этой темы.
Изображение
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Дизайн сцен 2

Сообщение nick7zmail » Чт ноя 21, 2019 12:04 pm

Мазур писал(а):
Чт ноя 21, 2019 11:56 am
Здравствуйте. Вставить хочу в диаграммы как на первой странице этой темы.
Изображение
Вам уже 2 варианта выше подсказали
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Мазур
Сообщения: 133
Зарегистрирован: Чт ноя 26, 2015 3:52 pm
Благодарил (а): 32 раза
Поблагодарили: 1 раз

Re: Дизайн сцен 2

Сообщение Мазур » Чт ноя 21, 2019 4:34 pm

freesh писал(а):
Чт ноя 21, 2019 12:03 am
Мазур писал(а):
Ср ноя 20, 2019 10:11 pm
Ребят подскажите пожалуйста, не получается вставить график в диаграммы.В общем данные беру с датчика температуры xiaomi.Установил charts, там настроил график температуры. Всё показывает там. Написано что я должен вставить #module name="charts" id="1"# в код.
Стандартный код <img src="/pChart/?p=ThisComputer.Sensor_temp01.value&unit=°C&type=3d&width=275&title=На улице: %Sensor_temp01.value%°C&gcolor=blue&gtype=curve&px=10">
Куда его надо ставить? Пробовал по разному ни чего не выходит. (((
<img src="/pChart/?p=XiSensor_temp01.value&unit=°C&type=4h&width=275&title=t°C в комнате&gcolor=red&gtype=curve&px=10" id="graf1">
Вот мой код для температуры с датчика Xiaomi за четыре часа.
Вставляется в элемент сцены - html блок
Не работает, всё пусто. И Интересно как вы это реализовали? Ранее говорилось, что бы использовать Графики_Elements18-42-29.zipdownload/file.php?id=3329 нужно установить Charts и назначить каждому показанию свой датчик с меню -=ПРОСТЫЕ УСТРОЙСТВА=-
Изображение
freesh
Сообщения: 189
Зарегистрирован: Сб окт 12, 2019 2:10 pm
Благодарил (а): 6 раз
Поблагодарили: 30 раз

Re: Дизайн сцен 2

Сообщение freesh » Чт ноя 21, 2019 4:55 pm

Мазур писал(а):
Чт ноя 21, 2019 4:34 pm
freesh писал(а):
Чт ноя 21, 2019 12:03 am
Мазур писал(а):
Ср ноя 20, 2019 10:11 pm
Ребят подскажите пожалуйста, не получается вставить график в диаграммы.В общем данные беру с датчика температуры xiaomi.Установил charts, там настроил график температуры. Всё показывает там. Написано что я должен вставить #module name="charts" id="1"# в код.
Стандартный код <img src="/pChart/?p=ThisComputer.Sensor_temp01.value&unit=°C&type=3d&width=275&title=На улице: %Sensor_temp01.value%°C&gcolor=blue&gtype=curve&px=10">
Куда его надо ставить? Пробовал по разному ни чего не выходит. (((
<img src="/pChart/?p=XiSensor_temp01.value&unit=°C&type=4h&width=275&title=t°C в комнате&gcolor=red&gtype=curve&px=10" id="graf1">
Вот мой код для температуры с датчика Xiaomi за четыре часа.
Вставляется в элемент сцены - html блок
Не работает, всё пусто. И Интересно как вы это реализовали? Ранее говорилось, что бы использовать Графики_Elements18-42-29.zipdownload/file.php?id=3329 нужно установить Charts и назначить каждому показанию свой датчик с меню -=ПРОСТЫЕ УСТРОЙСТВА=-
СпойлерПоказать
Изображение
А у тебя точно объект sensor01_temp? обычно модуль Xiaomi создает объекты типа XiSensor_temp01.
У меня модуль Charts установлен но в нем я графики не добавлял.
Во вложении мой экспорт элементов сцены, попробуй.

А, ну и да, ты в модуле Xiaomi Home назначил объекты чтобы они появились в простых устройствах??
СпойлерПоказать
2019-11-21 15_54_17-xiaomihome (Панель управления).png
2019-11-21 15_54_17-xiaomihome (Панель управления).png (13.19 КБ) 3291 просмотр
СпойлерПоказать
2019-11-21 15_54_29-devices (Панель управления).png
2019-11-21 15_54_29-devices (Панель управления).png (11.61 КБ) 3293 просмотра
Вложения
Elements15-51-55.zip
(5.34 КБ) 162 скачивания
Raspberry pi3, xiaomi, sonoff rf.
Мазур
Сообщения: 133
Зарегистрирован: Чт ноя 26, 2015 3:52 pm
Благодарил (а): 32 раза
Поблагодарили: 1 раз

Re: Дизайн сцен 2

Сообщение Мазур » Чт ноя 21, 2019 5:05 pm

freesh писал(а):
Чт ноя 21, 2019 4:55 pm
Попробую сейчас.
А вот так у меня отображается датчик
Изображение
Аватара пользователя
nick7zmail
Сообщения: 7573
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 121 раз
Поблагодарили: 2010 раз

Re: Дизайн сцен 2

Сообщение nick7zmail » Пт ноя 22, 2019 7:06 am

Мазур писал(а):
Чт ноя 21, 2019 4:34 pm

Не работает, всё пусто. И Интересно как вы это реализовали? Ранее говорилось, что бы использовать Графики_Elements18-42-29.zipdownload/file.php?id=3329 нужно установить Charts и назначить каждому показанию свой датчик с меню -
Ох...графики можно вывести несколькими способами. Либо через модуль чартс, либо через библиотеку pChart...есть ещё пару способов конечно - но они ещё сложнее... Вам показали оба варианта. Первый, по моему мнению, лучше выглядит, и требует меньше настроек. Но тем не менее они оба работоспособные. Вам их не тупо скопировать надо, а подогнать под свой случай... Оба способа рабочие. Оба можно вывести на ту сцену с графиками. Вам рещать чем пользоваться. Изначально они там через pChart. Графики в модуле чартс для них создавать не надо. Только в коде картинки поменять объекты и свойства на свои.
За это сообщение автора nick7zmail поблагодарил:
Мазур (Вс ноя 24, 2019 2:58 pm)
Рейтинг: 1.16%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Jilber
Сообщения: 682
Зарегистрирован: Ср май 03, 2017 7:41 pm
Благодарил (а): 111 раз
Поблагодарили: 107 раз

Re: Дизайн сцен 2

Сообщение Jilber » Вс ноя 24, 2019 2:51 pm

Вот например похожая сцена (честно украденная с форума :D ):
СпойлерПоказать
Сцена.jpg
Сцена.jpg (194.75 КБ) 3182 просмотра
А вот код этого графика (тип элемента сцены - HTML):
СпойлерПоказать
Код.jpg
Код.jpg (58.01 КБ) 3182 просмотра
Вам надо изменить свойство, подчёркнутое красным, на своё. Насколько разглядел на скрине у вас это Sensor_humidity01, Sensor_pressure01 и Sensor_temp01. Т.е. например для температуры получится как-то так:

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

<img src="/pChart/?p=Sensor_temp01.value&unit=°C&type=3d&width=400&title=Сейчас: %Sensor_temp01.value%°C. График за: 3 дня&gcolor=red&gtype=curve&px=10" 
     style="-moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity:0.8;">
Ответить