Utilisation

Cette section inclus des exemples d'utilisation de l'intégration. Le projet ne supporte pas ces exemples, il devrait vous servir de base pour construire ou vous donner des idées. Si vous avez besoin d'aide, veuillez utiliser le forum de HA ou cette discussion

Lovelace / Dashboard

Intégration donnée d'énergie

Requis particulier:

• custom:paper-buttons-row

Capture d'écran

yaml Code

- type: vertical-stack
  cards:
    - type: custom:paper-buttons-row
      buttons:
        - type: entity
          entity: sensor.hilo_gateway
          name: false
          action: none
          state: false
          state_styles:
            'on':
              button:
                color: green
            'off':
              button:
                color: red
        - type: entity
          entity: sensor.defi_hilo
          state: false
          action: none
          state_styles:
            'on':
              button:
                color: red
            scheduled:
              button:
                color: yellow
            pre_heat:
              button:
                color: red
            recovery:
              button:
                color: blue
            'off':
              button:
                color: green
        - type: entity
          entity: sensor.meter00_power
          name: false
          layout: icon|state
          action: none
          state: '{{ states(config.entity) }}'
          icon: mdi:speedometer
          style:
            button:
              color: |-
                {% if states(config.entity) | int > 1000 %}
                  yellow
                {% elif states(config.entity) | int > 1500 %}
                  orange
                {% elif states(config.entity) | int > 2000 %}
                  red
                {% else%}
                  green
                {% endif %}
        - type: entity
          entity: sensor.hilo_rate_current
          name: false
          layout: icon|state
          action: none
          state: '{{ states(config.entity) }}'
          style:
            button:
              color: |-
                {% if states(config.entity) | float > 0.07 %}
                  yellow
                {% elif states(config.entity) | float > 0.1 %}
                  red
                {% else%}
                  green
                {% endif %}
    - type: energy-date-selection
    - type: energy-sources-table
    - type: energy-usage-graph
    - type: energy-distribution
      link_dashboard: true

Graphiques

Consommation Globale

Requis particulier:

• custom:apexcharts-card

Dans ce graphique, vous devrez ajuster les tresholds selon votre consommation. Vous pouvez également ajuster la moyenne qui est fait au 5 minutes dans le group_by, duration.

Capture d'écran

yaml Code

- type: horizontal-stack
  cards:
    - type: custom:apexcharts-card
      header:
        show: true
        show_states: true
      experimental:
        color_threshold: true
      graph_span: 12h
      all_series_config:
        stroke_width: 4
      series:
        - entity: sensor.meter00_power
          unit: W
          type: column
          color_threshold:
            - value: 0
              color: cyan
            - value: 1000
              color: green
            - value: 1500
              color: orange
            - value: 2500
              color: red
          group_by:
            duration: 5min
            func: avg

Automatisation