Климат. Lovelace на примерах. Часть 2

Поехали далее … разберем теперь на примере позиции 2 и 3. Посмотрим их на скриншоте ниже.

Cекция 2. Имеет показания в виде гаусовой диаграммы температуры датчика Xiaomi находящегося на улице. Эти показания постоянно  меняются. А ниже (Воздух в спальне), показывает нам чистоту воздуха с датчика воздухоочистителя (это может быть иной датчик, не важно). В данном случае он отсюда (Xiaomi Air Purifiere 2)

В данном случае мы не используем никакие дополнительные карты (только те, что встроенны в HA), а именно Gauge card

Выглядит наш код следующим образом

  - title: Климат
    path: climate
    id: climate
#    icon: mdi:air-conditioner
    cards:
      - type: horizontal-stack
        cards: 
          - type: gauge
#        title: Текущая температура на улице
            entity: sensor.temperature_158d000117869b
            unit: 'С'
            severity:
              green: 0
              yellow: 26
              red: 40
            min: -30
            max: 60

          - type: gauge
#        title: Текущая влажность на улице
            entity: sensor.humidity_158d000117869b
            unit: '%'
            severity:
              green: 50
              yellow: 40
              red: 30
            min: 0
            max: 100

      - type: horizontal-stack
        cards: 
          - type: gauge
            title: Воздух в Спальне
            entity: sensor.air_aqi_bedroom
            unit: 'AQI'
            severity:
              green: 0
              yellow: 50
              red: 100
            min: 0
            max: 200

entity: sensor.temperature_158d000117869b и sensor.humidity_158d000117869b это наш датчик показывающий как влажность так и температуру.

            severity:
              green: 0
              yellow: 26
              red: 40
            min: -30
            max: 60

здесь:

значение от 0 до 26 – терпимо (зеленый показатель), от 26 до 40 – жарко (желтый показатель) и свыше 40 – паника (красный показатель). Минимальное значение от -30 до 60 шкала (это применительно и к зиме, необходимо просто циферки поменять). Вы можете минус не делать, а начать от 0.

sensor.air_aqi_bedroom датчик чистоты воздуха

 severity:
              green: 0
              yellow: 50
              red: 100
            min: 0
            max: 200

здесь : значение от 0 до 50 считается хороший воздух (вы их можете менять на усмотрение, зеленый цвет), от 50 до 100 – не очень хороший (желтый цвет), свыше 100 – пора включать автоматику на очистку (красный цвет). Значения выставлены до от 0 до 200 (шкала).

Позиция 3. Применяется дополнительная карта mini-graph-card. Она показывает нам изменения температуры и влажности на улице за последние 24 часа, где в каждые 2 часа мы может видеть на графике какая температура была на тот момент. Качается отсюда. 

Устанавливаем ее и добавляем в наш конфиг ui-lovelace.yaml строку для подключения этой карты.

resources: 
   - url: /local/custom-lovelace/mini-graph-card/mini-graph-card-bundle.js?v=0.4.3
     type: module

Теперь мы имеем две дополнительные карточки для работы. Первую мы добавляли здесь

Теперь рассмотрим код

      - type: vertical-stack
        cards:
          - type: custom:mini-graph-card
            entities:
              - sensor.temperature_158d000117869b
            line_width: 5
            font_size: 100
            hours_to_show: 24                                                                                                                      
            update_interval: 300
            hour24: true
            name: Изменение Температуры на улице за 24 часа
            show:
              extrema: true
              labels: true
              name: true
              state: true
            color_thresholds:
              - value: 20
                color: "#4bf01f"
              - value: 25
                color: "#d35400"
              - value: 30
                color: "#c0392b"    
          - type: custom:mini-graph-card
            entities:
              - sensor.humidity_158d000117869b
            line_width: 5
            font_size: 100
            update_interval: 300
            hour24: true 
            name: Изменение Влажности на улице за 24 часа
            show:
              extrema: true
              labels: true
              name: true
              state: true
            color_thresholds:
              - value: 55
                color: "#ff0c01"
              - value: 70
                color: "#f0e920"
              - value: 86
                color: "#4bf01f"    

здесь, на графике показываются цвета от зеленого до красного согласно значениям до 20 – зеленый (считаем это комфортную температуру), от 21- 25 желтый, от 26 -30 – красный и все что выше – одна красная полоса. Помойму так.

            color_thresholds:
              - value: 20
                color: "#4bf01f"
              - value: 25
                color: "#d35400"
              - value: 30
                color: "#c0392b"

также имеем на графике минимальное и максимальную температуру за весь день и во сколько она была. Вы можете как угодно перенастраивать этот код – все в вашей фантазии. Но мне хватает и этого.

отображение доп. информации в карточку. экспериментируйте (меняйте true на false) и познайте истину. 🙂

            show:
              extrema: true
              labels: true
              name: true
              state: true

вот вам все опции :

Card options

Name Type Default Since Description
type string required v0.0.1 custom:mini-graph-card.
entities list required v0.2.0 One or more sensor entities in a list, see entities object for additional entity options.
icon string optional v0.0.1 Set a custom icon from any of the available mdi icons.
name string optional v0.0.1 Set a custom name which is displayed beside the icon.
unit string optional v0.0.1 Set a custom unit of measurement.
more_info boolean true v0.0.1 Set to false to disable the “more info” dialog popup when pressing on the card.
group boolean false v0.2.0 Disable paddings and box-shadow, useful when nesting the card.
hours_to_show integer 24 v0.0.2 Specify how many hours of history the graph should present.
points_per_hour number 0.5 v0.2.0 Specify amount of data points the graph should display for each hour, (basically the detail/accuracy/smoothing of the graph).
update_interval number optional v0.4.0 Specify a custom update interval of the history data (in seconds), instead of on every state change.
show list optional v0.2.0 List of UI elements to display/hide, for available items see available show options.
animate boolean false v0.2.0 Add a reveal animation to the graph.
height number 150 v0.0.1 Set a custom height of the line graph.
line_width number 5 v0.0.1 Set the thickness of the line.
line_color string/list var(–accent-color) v0.0.1 Set a custom color for the graph line, provide a list of colors for multiple graph entries.
color_thresholds list optional v0.2.3 Set thresholds for dynamic graph colors, see Line color object.
color_thresholds_transition string smooth v0.4.3 Color threshold transition, smooth or hard.
decimals integer optional v0.0.9 Specify the exact number of decimals to show for states.
hour24 boolean false v0.2.1 Set to true to display times in 24-hour format.
font_size number 100 v0.0.3 Adjust the font size of the state, as percentage of the original size.
font_size_header number 14 v0.3.1 Adjust the font size of the header, size in pixels.
align_header string default v0.2.0 Set the alignment of the header, leftrightcenter or default.
align_icon string right v0.2.0 Set the alignment of the icon, leftright or state.
align_state string left v0.2.0 Set the alignment of the current state, leftrightor center.
lower_bound number optional v0.2.3 Set a fixed lower bound for the graph Y-axis.
upper_bound number optional v0.2.3 Set a fixed upper bound for the graph Y-axis.

Entities object

Providing options are optional, entities can be listed directly, see example below.

Name Type Default Description
entity string required Entity id of the sensor.
name string optional Set a custom display name, defaults to entity’s friendly_name.
color string optional Set a custom color, overrides all other color options including thresholds.
unit string optional Set a custom unit of measurement, overrides unit set in base config.
show_state boolean optional Display the current state.
show_indicator boolean optional Display a color indicator next to the state, (only when more than two states are visible).
state_adaptive_color boolean optional Make the color of the state adapt to the entity color.
0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
2 комментариев
Популярные
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Владимир
Владимир
11.06.2020 16:16

А на улице датчик температуры какой используете? И как зимой с батарейками?

2
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x