Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Zeigt her eure Lovelace-Visualisierung

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Zeigt her eure Lovelace-Visualisierung

    This topic has been deleted. Only users with topic management privileges can see it.
    • G
      gyle @Zeptran last edited by

      @zeptran könntest du mir bitte die config der Solar-Ansicht zu Verfügung stellen?
      mich interessieren vor allem die Diagramme...

      Danke

      Z 1 Reply Last reply Reply Quote 0
      • Z
        Zeptran @gyle last edited by

        @gyle

        Moin,

        ich habe das ganze immer mit vertical-stack Karten in die Spalten so aufgeteilt das es eben gut aussieht und die gleichen Sachen immer untereinander sind.
        Für die Graphen verwende ich ApexCharts.

        Ich verwende hier den Kostal Adapter der mir mit Skripten Daten teilweise so umrechnet das man damit was anfangen kann. Wird bei dir wahrscheinlich anders ankommen, muss dann eben angepasst werden.

        Das hier ist einmal die Mittlere komplette Spalte:

        type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: sensor
                entity: sensor.PV_Anlage_EnergyHomePvDay
                detail: 0
                name: Eigenverbrauch
              - type: sensor
                entity: sensor.PV_Anlage_EnergyHomeGridDay
                detail: 2
                name: Netz Verbrauch
          - type: markdown
            content: |
              # <center>PV Leistung</center>
            card_mod:
              style: |
                ha-markdown.no-header {
                  padding-top: 10px !important;
                }
                ha-markdown {
                  padding: 0px 16px 16px;
                    padding-bottom: 10px !important;
                }
          - type: horizontal-stack
            cards:
              - type: custom:apexcharts-card
                header:
                  show: true
                  title: ' '
                  show_states: true
                  colorize_states: true
                apex_config:
                  chart:
                    height: 350
                    zoom:
                      type: x
                      enabled: true
                      autoScaleYaxis: false
                    toolbar:
                      show: true
                      autoSelected: zoom
                    xaxis.type: datetime
                  stroke:
                    width: 1
                    curve: smooth
                series:
                  - entity: sensor.PV_Anlage_Pv_P
                    name: PV Leistung
                    group_by:
                      func: avg
                      duration: 5min
                  - entity: sensor.PV_Anlage_Leistung_Stromnetz
                    name: Netz Leistung
                    group_by:
                      func: avg
                      duration: 5min
                  - entity: sensor.PV_Anlage_Home_P
                    name: Haus Verbrauch
                    group_by:
                      func: avg
                      duration: 5min
          - type: markdown
            content: |
              # <center>Erträge</center>
            card_mod:
              style: |
                ha-markdown.no-header {
                  padding-top: 10px !important;
                }
                ha-markdown {
                  padding: 0px 16px 16px;
                    padding-bottom: 10px !important;
                }
          - type: horizontal-stack
            cards:
              - type: custom:apexcharts-card
                header:
                  show: true
                  title: ' '
                  show_states: true
                  colorize_states: true
                apex_config:
                  chart:
                    height: 350
                    zoom:
                      type: x
                      enabled: true
                      autoScaleYaxis: false
                    toolbar:
                      show: true
                      autoSelected: zoom
                    xaxis.type: datetime
                series:
                  - entity: sensor.Pv_Anlage_PV_Ertrag_heute
                    name: PV Ertrag
                    type: column
                    group_by:
                      func: max
                      duration: 23.9h
                  - entity: sensor.PV_Anlage_EnergyToGridDay
                    name: Einspeistung
                    type: column
                    group_by:
                      func: max
                      duration: 23.9h
                  - entity: sensor.PV_Anlage_EnergyHomePvDay
                    name: Eigenverbrauch
                    type: column
                    group_by:
                      func: max
                      duration: 23.9h
                  - entity: sensor.PV_Anlage_EnergyHomeGridDay
                    name: Netzbezug
                    type: column
                    group_by:
                      func: max
                      duration: 23.9h
                graph_span: 8d
                span:
                  end: day
        

        Damit das ganze etwas einfach zu kopieren ist wenn du nur Interesse an den Diagrammen hast kommen die auch noch einmal alleine:
        Hier sind die Leistungsverläufe des Tages drinnen:

        type: custom:apexcharts-card
        header:
          show: true
          title: ' '
          show_states: true
          colorize_states: true
        apex_config:
          chart:
            height: 350
            zoom:
              type: x
              enabled: true
              autoScaleYaxis: false
            toolbar:
              show: true
              autoSelected: zoom
            xaxis.type: datetime
          stroke:
            width: 1
            curve: smooth
        series:
          - entity: sensor.PV_Anlage_Pv_P
            name: PV Leistung
            group_by:
              func: avg
              duration: 5min
          - entity: sensor.PV_Anlage_Leistung_Stromnetz
            name: Netz Leistung
            group_by:
              func: avg
              duration: 5min
          - entity: sensor.PV_Anlage_Home_P
            name: Haus Verbrauch
            group_by:
              func: avg
              duration: 5min
        

        Hier ist dann einmal der Ertrag / Verbrauch der letzten acht Tage:

        type: custom:apexcharts-card
        header:
          show: true
          title: ' '
          show_states: true
          colorize_states: true
        apex_config:
          chart:
            height: 350
            zoom:
              type: x
              enabled: true
              autoScaleYaxis: false
            toolbar:
              show: true
              autoSelected: zoom
            xaxis.type: datetime
        series:
          - entity: sensor.Pv_Anlage_PV_Ertrag_heute
            name: PV Ertrag
            type: column
            group_by:
              func: max
              duration: 23.9h
          - entity: sensor.PV_Anlage_EnergyToGridDay
            name: Einspeistung
            type: column
            group_by:
              func: max
              duration: 23.9h
          - entity: sensor.PV_Anlage_EnergyHomePvDay
            name: Eigenverbrauch
            type: column
            group_by:
              func: max
              duration: 23.9h
          - entity: sensor.PV_Anlage_EnergyHomeGridDay
            name: Netzbezug
            type: column
            group_by:
              func: max
              duration: 23.9h
        graph_span: 8d
        span:
          end: day
        

        Die 23,9 Stunden Dauer musste ich nehmen da die Tagesdaten die aus dem Adapter kommen erst um 0:05 wieder bei null anfangen.

        Und dann ist hier noch einmal der Batterie Verlauf:

        type: custom:apexcharts-card
        header:
          show: true
          title: ' '
          show_states: true
          colorize_states: true
        apex_config:
          chart:
            height: 350
            zoom:
              type: x
              enabled: true
              autoScaleYaxis: false
            toolbar:
              show: true
              autoSelected: zoom
            xaxis.type: datetime
          stroke:
            width: 1
            curve: smooth
        yaxis:
          - id: first
            decimals: 0
            apex_config:
              tickAmount: 4
          - id: second
            opposite: true
            decimals: 0
            show: false
            apex_config:
              tickAmount: 4
        series:
          - entity: sensor.PV_Anlage_battery_P
            name: Batterie Leistung
            yaxis_id: first
            group_by:
              func: avg
              duration: 2min
          - entity: sensor.PV_Anlage_HomeBat_P
            name: Verbrauch aus Batterie
            yaxis_id: first
            group_by:
              func: avg
              duration: 2min
          - entity: sensor.PV_Anlage_battery_SoC
            name: Batterie SoC
            yaxis_id: second
            group_by:
              func: avg
              duration: 2min
        

        Falls es noch mehr Interesse gibt an Configs gibt stelle ich die gerne zur Verfügung.
        Bin echt begeistert von Lovelace mir gehen aber langsam die Ideen aus was und wie ich Sachen noch visualisieren kann.

        Finde es leider schade das der Thread hier nicht so aktiv genutzt wird wie er es meiner Ansicht nach Verdient.

        G 2 Replies Last reply Reply Quote 0
        • G
          gyle @Zeptran last edited by gyle

          @zeptran danke
          gut: dann zeige ich auch mal was ich bisher habe....(teilweise noch experimentell)
          technik.png sauger.png rolladen.png pv.png home_LI.jpg eg.png außen.png

          Iccube W 2 Replies Last reply Reply Quote 0
          • G
            gyle @Zeptran last edited by

            @zeptran

            hast du mit apex-chats zufällig auch mal ausprobiert ob man das in dieser Form hinbekommt?
            3d4fb3c0-0f24-4716-bd23-c6519dbf3896-grafik.png

            Z 1 Reply Last reply Reply Quote 0
            • Iccube
              Iccube @gyle last edited by

              @gyle sieht gut aus

              Wie hast du den die zusätzlichen Infos bzw. Schalter eingefügt ?

              Screenshot 2022-10-19 152716.jpg

              G 1 Reply Last reply Reply Quote 0
              • Z
                Zeptran @gyle last edited by Zeptran

                @gyle

                Das scheint einfach zu gehen in dem man am Anfang der Config für den Graphen das hier einfügt:

                stacked: true
                

                Sieht dann am Ende so aus:
                f2b25218-9030-4bc8-9b2f-0beadff09416-image.png

                Hier dazu den die komplette config:

                type: custom:apexcharts-card
                stacked: true
                header:
                 show: true
                 title: ' '
                 show_states: true
                 colorize_states: true
                apex_config:
                 chart:
                   height: 350
                   zoom:
                     type: x
                     enabled: true
                     autoScaleYaxis: false
                   toolbar:
                     show: true
                     autoSelected: zoom
                   xaxis.type: datetime
                series:
                 - entity: sensor.Pv_Anlage_PV_Ertrag_heute
                   name: PV Ertrag
                   type: column
                   group_by:
                     func: max
                     duration: 23.9h
                 - entity: sensor.PV_Anlage_EnergyToGridDay
                   name: Einspeistung
                   type: column
                   group_by:
                     func: max
                     duration: 23.9h
                 - entity: sensor.PV_Anlage_EnergyHomePvDay
                   name: Eigenverbrauch
                   type: column
                   group_by:
                     func: max
                     duration: 23.9h
                 - entity: sensor.PV_Anlage_EnergyHomeGridDay
                   name: Netzbezug
                   type: column
                   group_by:
                     func: max
                     duration: 23.9h
                graph_span: 8d
                span:
                 end: day
                
                

                Finde das nur schwierig mit den Daten die da aktuell bei mir drinnen Stecken. Ergibt in Summe keinen Sinn wenn man beim PV Ertrag da den Netzbezug mit rein nimmt.
                Bei der Anordnung würde ich den dann weg lassen damit man da nur hat was man halt vom Dach bekommt.

                Edit:

                Fand die Idee ganz gut das auch so darzustellen deswegen habe ich das ganze kurz einmal nachgebaut:
                30d426dd-1e64-4eb3-b88a-b3bcdf4b48b1-image.png

                type: custom:apexcharts-card
                stacked: true
                header:
                  show: true
                  title: ' '
                  show_states: true
                  colorize_states: true
                apex_config:
                  chart:
                    height: 350
                    zoom:
                      type: x
                      enabled: true
                      autoScaleYaxis: false
                    toolbar:
                      show: true
                      autoSelected: zoom
                    xaxis.type: datetime
                series:
                  - entity: sensor.PV_Anlage_EnergyHomePvDay
                    name: Solarverbrauch
                    type: column
                    group_by:
                      func: max
                      duration: 23.9h
                  - entity: sensor.Pv_Anlage_EnergyHomeBatDay
                    name: Batterieverbrauch
                    type: column
                    group_by:
                      func: max
                      duration: 23.9h
                  - entity: sensor.PV_Anlage_EnergyHomeGridDay
                    name: Netzverbrauch
                    type: column
                    group_by:
                      func: max
                      duration: 23.9h
                  - entity: sensor.Pv_Anlage_EnergyHomeDay
                    name: Hausverbrauch
                    type: column
                    group_by:
                      func: max
                      duration: 23.9h
                    show:
                      in_chart: false
                graph_span: 8d
                span:
                  end: day
                

                G 1 Reply Last reply Reply Quote 0
                • G
                  gyle @Zeptran last edited by gyle

                  @zeptran super dann schau ich mal ob ich das so bei mir reinbekomme....
                  Verständnisfrage noch zu den datenpunkten: ich brauche doch nur jeweils die historydaten für den zeitraum, oder muss ich vorher bereits irgendwas aggregieren?

                  also zb: Datenpunkt aktuelle Solarleistung (Watt)

                  Z 1 Reply Last reply Reply Quote 0
                  • G
                    gyle @Iccube last edited by

                    @iccube
                    das geht mit custom:multiple-entity-row

                    type: entities
                    show_header_toggle: false
                    title: Automatik
                    entities:
                      - entity: input_boolean.Holiday
                        type: custom:multiple-entity-row
                        secondary_info: aktiviert die Wochenend-Zeiten
                        toggle: true
                        state_color: true
                        icon: mdi:beach
                      - type: section
                      - entity: input_boolean.Auto_Manu_Living_Area
                        name: Wohnbereich
                        secondary_info: last-changed
                        type: custom:multiple-entity-row
                        toggle: true
                        state_color: true
                        icon: mdi:clock-check-outline
                        entities:
                          - entity: sensor.Up_Time_Living_Area
                            name: Hoch
                          - entity: sensor.down_Time_Living_Area
                            name: Runter
                      - entity: input_boolean.Auto_Manu_Children_Area
                        name: Kinderbereich
                        secondary_info: last-changed
                        type: custom:multiple-entity-row
                        toggle: true
                        state_color: true
                        icon: mdi:clock-check-outline
                        entities:
                          - entity: sensor.Up_Time_Children_Area
                            name: Hoch
                          - entity: sensor.down_Time_Children_Area
                            name: Runter
                      - entity: input_boolean.Auto_Manu_Sleep_Area
                        name: Schlafbereich
                        secondary_info: last-changed
                        type: custom:multiple-entity-row
                        toggle: true
                        state_color: true
                        icon: mdi:clock-check-outline
                        entities:
                          - entity: sensor.Up_Time_Sleep_Area
                            name: Hoch
                          - entity: sensor.down_Time_Sleep_Area
                            name: Runter
                    
                    
                    Iccube 1 Reply Last reply Reply Quote 0
                    • Z
                      Zeptran @gyle last edited by

                      @gyle

                      Genau die Datenpunkte stecken bei mir in SQL drinnen und da greift Lovelace drauf zurück.

                      Sonst musst du da nichts weiter mit machen, nur die richtige Instanz für Verlaufsdaten in den Lovelace Adpater Einstellungen auswählen.

                      1 Reply Last reply Reply Quote 0
                      • Iccube
                        Iccube @gyle last edited by

                        @gyle sagte in Zeigt her eure Lovelace-Visualisierung:

                        multiple-entity-row

                        die cutom karte habe ich auch schon gehabt funktioniert aber irgenwie nicht
                        Screenshot 2022-10-19 215931.jpg

                        Screenshot 2022-10-19 220330.jpg

                        XBiT 1 Reply Last reply Reply Quote 0
                        • XBiT
                          XBiT @Iccube last edited by

                          @iccube

                          Kommt mir bekannt vor ich habe am 29.09.2022 versucht die "custom:button-entity-row" Karte zu nutzen bei mir kommt auch die Meldung die Karte würde nicht existieren.
                          Kann es sein, dass bei der Änderung von @Garfonso mit den Unterordnern in den Instance Einstellungen was schief gelaufen ist?
                          Vielleicht kann ja mal jemand anderes mit aktueller Version einen custom Karte installieren und testen ob sie geht.
                          Kann natürlich auch an mir liegen habe das nicht weiter verfolgt Zeit ist gerade etwas knapp.

                          Garfonso 1 Reply Last reply Reply Quote 0
                          • Garfonso
                            Garfonso Developer @XBiT last edited by

                            @xbit said in Zeigt her eure Lovelace-Visualisierung:

                            custom:button-entity-row

                            Button entity-row scheint aktuell kaputt zu sein. Gibt es auch ein issue zu: https://github.com/custom-cards/button-entity-row/issues/30

                            multiple-entity-row konnte ich aber installieren. Wichtig ist den Adapter neustarten und auch in lovelace mal F5 drücken.

                            System-9 created this issue in custom-cards/button-entity-row

                            open Uncaught TypeError: css is not a function #30

                            1 Reply Last reply Reply Quote 0
                            • U
                              Ultor last edited by Ultor

                              Hallo zusammen,

                              meine Lovelace-VIS ist jetzt, denke ich, nach insgesamt 2 Jahren Arbeit am Smarthome auch vorzeigbereit.

                              Mein System läuft auf einem Raspberry 4 mit 4 GByte Speicher.

                              Ich habe meine VIS bewusst recht übersichtlich gehalten und auf grafische Spielereien usw. verzichtet. Einige Ideen habe ich noch, aber ich habe meiner Freundin versprochen, erst einmal an den noch vorhandenen Bugs zu arbeiten 😉

                              Ich habe meine VIS in Geschosse eingeteilt:

                              Global.jpg
                              Das ist die Seite, in der globale Einstellungen, also für alle Ebenen, getätigt werden können.

                              KG.jpg
                              Hier wird die Beleuchtung im Keller geschaltet. Der Status der Waschmaschinen wird angezeigt. Außerdem habe ich Strom-, Wasser- und Gaszähler eingebunden.

                              EG.jpg
                              Erdgeschoss

                              OG.jpg
                              Obergeschoss

                              DG.jpg
                              Dachgeschoss

                              Solaranlage.jpg
                              Hier werden Informationen über die Solaranlage (Balkonkraftwerk) angezeigt.

                              PKW.jpg
                              Hier wird der Status meines Autos angezeigt und es können die Türen abgeschlossen werden. Es kann zusätzlich die Klimaanlage gesteuert werden, aber nur, wenn der Akku mindestens einen Füllstand von 20% hat, was derzeit nicht der Fall ist. Dann wird das Steuerelement ausgeblendet.

                              System.jpg
                              Hier werden Systeminformationen angezeigt.

                              Für Anregungen bin ich natürlich offen. Mir gefällt z. B. apex-chats ganz gut, insbesondere die gestackten Charts. Das ist mit der mini-graph-card so nicht möglich.

                              Gruß,
                              Daniel

                              G 1 Reply Last reply Reply Quote 4
                              • P
                                Plastikman @Tirador last edited by

                                Hallo zusammen,

                                hier meine aktuelle Lovelace VIS und dazu direkt noch ein paar Fragen... 🙂
                                Ich habe meine VIS Zimmer bezogen aufgebaut. Dazu dann noch einzelne Tabs zur Konfig verschiedener variablen in der Automatisierung.

                                Gesteuert wird übe 2 12" Tablets welche hochkant montiert sind. Deshalb ist meine ganze VIS auch darauf ausgerichtet.

                                da6c80b3-3a69-4e8f-b5c0-4211e0677f39-image.png

                                Home Screen:
                                1.jpg

                                Wohnzimmer:
                                2.jpg

                                Schlafzimmer:
                                3.jpg

                                Küche:
                                4.jpg

                                Bad:
                                5.jpg

                                Büro:
                                6.jpg

                                Server:
                                7.jpg

                                Wetter:
                                8.jpg

                                Wetter Fullscreen:
                                9.jpg

                                Server Steuerung:
                                10.jpg

                                Lichtkonfig:
                                11.jpg

                                Heizungkonfig:
                                12.jpg

                                Kamera Konfig:
                                13.jpg

                                Übersicht Energieverbrauch:
                                14.jpg

                                Übersicht der Kosten des Energieverbrauchs:
                                15.jpg

                                So nun zu meinen Fragen:

                                • Ich möchte gerne noch die RTSP Streams meiner Kameras in die VIS integrieren. Wie kann man das machen?
                                • Wie kann ich Spotify integrieren?

                                Fragen zu euren views und generelles:
                                @XBiT
                                In euren Views sind die Karten immer schön zusammenhängend. Bei mir sind sie leider immer so getrennt:
                                d79a6c1a-685d-4ff4-8f3c-2845c51e6189-image.png
                                Wie kann man das schön zusammenhängend aufbauen so das es eine Karte ist. WIe zB. hier:
                                9ab63ace-9b76-4919-8c09-fc446081258b-image.png

                                @XBiT
                                Wie kann man solche Karten wie für die CPU Auslastung machen und wo kommen die Status der Adapterzustände her?
                                0274f496-02ae-4547-a89a-691e28c3dbc8-image.png

                                Wie kann ich erreichen das Entitäten basierend auf Ihrem Zustand eingefärbt werden?

                                Ansonsten bin ich auf Feedback gespannt ob und was man evtl. noch wie verbessern könnte.
                                Besten Dan und liebe Grüße
                                Sebastian

                                David G. XBiT P 3 Replies Last reply Reply Quote 1
                                • David G.
                                  David G. @Plastikman last edited by David G.

                                  @plastikman

                                  Hey,

                                  schöne Visualisierung.

                                  Zu deinen Fragen:

                                  Die zusammenhängenden Karten bekommst du mit der custom-vertical-stack hin.
                                  https://github.com/ofekashery/vertical-stack-in-card

                                  Ein flüssiger Stream wird schwierig, außer du bindest eine andere Website ein.
                                  Ich habe anders gelöst.
                                  Meine Kamera bietet einen Link an um Bilder abzurufen.

                                  http://benutzer:pw@192.168.22.215/IMAGE.JPG
                                  

                                  Diesen habe ich in der Bild-Entiät eingetragen.
                                  Das Bild aktualisiert sich dann alle X Sekunden.

                                  Die Tabelle mit den Adaptern kommt von mir. Schau dazu mal in meine Signatur.

                                  1 Reply Last reply Reply Quote 0
                                  • XBiT
                                    XBiT @Plastikman last edited by XBiT

                                    @plastikman

                                    Gefällt mir gut deine VIS..

                                    Zum Thema Adapterstatus siehe hier

                                    RTSP Streams gehen nicht direkt falls deine NAS eine Synology ist kann man da einen passenden Stream für die VIS erzeugen.

                                    Fritzbox: die Karte sieht so zusammenhängen aus wegen der Card "custom:vertical-stack-in-card"

                                    type: custom:vertical-stack-in-card
                                    cards:
                                     - type: markdown
                                       content: |
                                         # <center>FritzBox Status:</center>
                                     - type: picture-elements
                                       image: /cards/FritzBox_7490.png
                                       elements:
                                         - type: state-icon
                                           entity: sensor.Home_FritzBox_status_on_offline
                                           icon: mdi:lan-connect
                                           style:
                                             left: 15%
                                             top: 10%
                                             '--paper-item-icon-color': withe
                                         - type: state-label
                                           entity: sensor.Home_FritzBox_status_on_offline
                                           prefix: 'Status: '
                                           style:
                                             left: 15%
                                             top: 20%
                                         - type: state-icon
                                           entity: sensor.Home_FritzBox_max_sync_download
                                           icon: mdi:arrow-collapse-down
                                           style:
                                             left: 48%
                                             top: 10%
                                             '--paper-item-icon-color': withe
                                         - type: state-label
                                           entity: sensor.Home_FritzBox_max_sync_download
                                           prefix: 'Down: '
                                           style:
                                             left: 48%
                                             top: 20%
                                         - type: state-icon
                                           entity: sensor.Home_FritzBox_max_sync_upload
                                           icon: mdi:arrow-collapse-up
                                           style:
                                             left: 80%
                                             top: 10%
                                             '--paper-item-icon-color': withe
                                         - type: state-label
                                           entity: sensor.Home_FritzBox_max_sync_upload
                                           prefix: 'Up: '
                                           style:
                                             left: 80%
                                             top: 20%
                                     - type: horizontal-stack
                                       cards:
                                         - type: custom:mini-graph-card
                                           entities:
                                             - sensor.Home_FritzBox_aktueller_download
                                           name: Download
                                           line_color: var(--accent-color)
                                           line_width: 2
                                           icon: mdi:arrow-collapse-down
                                           show_points: false
                                           show_state: true
                                           hours_to_show: 24
                                           update_interval: 0
                                           points_per_hour: 6
                                           align_state: center
                                           aggregate_func: max
                                           smoothing: false
                                           hour24: true
                                           show:
                                             graph: line
                                             icon: true
                                             points: false
                                             labels: false
                                             fill: false
                                             extrema: true
                                             icon_adaptive_color: true
                                         - type: custom:mini-graph-card
                                           entities:
                                             - sensor.Home_FritzBox_aktueller_upload
                                           name: Upload
                                           line_color: var(--accent-color)
                                           line_width: 2
                                           icon: mdi:arrow-collapse-up
                                           show_points: false
                                           show_state: true
                                           hours_to_show: 24
                                           update_interval: 0
                                           points_per_hour: 6
                                           align_state: center
                                           aggregate_func: max
                                           smoothing: false
                                           hour24: true
                                           show:
                                             graph: line
                                             icon: true
                                             points: false
                                             labels: false
                                             fill: false
                                             extrema: true
                                             icon_adaptive_color: true
                                     - type: horizontal-stack
                                       cards:
                                         - type: custom:button-card
                                           entity: sensor.FritzBox_calllists_inbound_count
                                           show_entity_picture: true
                                           entity_picture: /cards/fritzbox_eingehender_anruf.png
                                           show_state: false
                                           name: eingehende Anrufe
                                           aspect_ratio: 2/1
                                           tap_action:
                                             action: call-service
                                             confirmation:
                                               text: >-
                                                 [[[ return
                                                 states['sensor.Home_angepasste_Texte_und_Anzeigen_Lovelace_FritzBox_eingehende_Anrufe'].state
                                                 ]]]
                                           hold_action:
                                             action: call-service
                                             service: input_select.select_option
                                             service_data:
                                               entity_id: sensor.FritzBox_calllists_inbound_count
                                               option: 0
                                           styles:
                                             entity_picture:
                                               - width: 25%
                                             card:
                                               - border-radius: 0px
                                             name:
                                               - font-size: 13px
                                             grid:
                                               - position: relative
                                             custom_fields:
                                               eingehende_anrufe:
                                                 - color: white
                                                 - border-radius: 50%
                                                 - position: absolute
                                                 - left: 70%
                                                 - top: 10%
                                                 - height: 30px
                                                 - width: 30px
                                                 - font-size: 10px
                                                 - line-height: 30px
                                                 - animation: blink 3s ease infinite
                                           custom_fields:
                                             eingehende_anrufe: |
                                               [[[ 
                                                 if (states['sensor.FritzBox_calllists_inbound_count'].state == '0')
                                                 return ' ';
                                                 return states['sensor.FritzBox_calllists_inbound_count'].state; ]]]
                                         - type: custom:button-card
                                           entity: sensor.FritzBox_calllists_outbound_count
                                           show_entity_picture: true
                                           entity_picture: /cards/fritzbox_ausgehender_anruf.png
                                           show_state: false
                                           name: ausgehende Anrufe
                                           aspect_ratio: 2/1
                                           tap_action:
                                             action: call-service
                                             confirmation:
                                               text: >-
                                                 [[[ return
                                                 states['sensor.Home_angepasste_Texte_und_Anzeigen_Lovelace_FritzBox_ausgehende_Anrufe'].state
                                                 ]]]
                                           hold_action:
                                             action: call-service
                                             service: input_select.select_option
                                             service_data:
                                               entity_id: sensor.FritzBox_calllists_outbound_count
                                               option: 0
                                           styles:
                                             entity_picture:
                                               - width: 25%
                                             card:
                                               - border-radius: 0px
                                             name:
                                               - font-size: 13px
                                             grid:
                                               - position: relative
                                             custom_fields:
                                               ausgehende_anrufe:
                                                 - color: withe
                                                 - border-radius: 50%
                                                 - position: absolute
                                                 - left: 70%
                                                 - top: 10%
                                                 - height: 30px
                                                 - width: 30px
                                                 - font-size: 10px
                                                 - line-height: 30px
                                                 - animation: blink 3s ease infinite
                                           custom_fields:
                                             ausgehende_anrufe: |
                                               [[[ 
                                                 if (states['sensor.FritzBox_calllists_outbound_count'].state == '0')
                                                 return ' ';
                                                 return states['sensor.FritzBox_calllists_outbound_count'].state; ]]]
                                         - type: custom:button-card
                                           entity: sensor.FritzBox_calllists_missed_count
                                           show_entity_picture: true
                                           entity_picture: /cards/fritzbox_unbeantworteter_anruf.png
                                           show_state: false
                                           name: verpasste Anrufe
                                           aspect_ratio: 2/1
                                           tap_action:
                                             action: call-service
                                             confirmation:
                                               text: >-
                                                 [[[ return
                                                 states['sensor.Home_angepasste_Texte_und_Anzeigen_Lovelace_FritzBox_verpasste_Anrufe'].state
                                                 ]]]
                                           hold_action:
                                             action: call-service
                                             service: input_select.select_option
                                             service_data:
                                               entity_id: sensor.FritzBox_calllists_missed_count
                                               option: 0
                                           styles:
                                             entity_picture:
                                               - width: 25%
                                             card:
                                               - border-radius: 0px
                                             name:
                                               - font-size: 13px
                                             grid:
                                               - position: relative
                                             custom_fields:
                                               ausgehende_anrufe:
                                                 - color: white
                                                 - border-radius: 50%
                                                 - position: absolute
                                                 - left: 70%
                                                 - top: 10%
                                                 - height: 30px
                                                 - width: 30px
                                                 - font-size: 10px
                                                 - line-height: 30px
                                                 - animation: blink 3s ease infinite
                                           custom_fields:
                                             ausgehende_anrufe: |
                                               [[[ 
                                                 if (states['sensor.FritzBox_calllists_missed_count'].state == '0')
                                                 return ' ';
                                                 return states['sensor.FritzBox_calllists_missed_count'].state; ]]]
                                    

                                    Die CPU Auslastung ist die Card "custom:mini-graph-card"

                                    EDIT: @David-G war schneller 🙂

                                    P 1 Reply Last reply Reply Quote 0
                                    • P
                                      Plastikman @XBiT last edited by

                                      hey cool! Schon so fix Antworten!
                                      Vielen Dank für euer Feedback.

                                      Die Kameras sind von Arenti und ich glaube die haben keine Snapshot Adresse. Zumindest komme ich da nicht drann und finde auch keinen Link zur Snapshot Adresse.

                                      Einen Stream mit der Diskstation erzeugen wahrscheinlich über die Survailance Station oder? Das hatte ich früher auch schon mal in Verwendung. Konnte mir dann via Telegram Bilder senden lassen.

                                      Ich habe aber auch schon via ffmpeg auf dem Host der Ibrokers Video Streams erzeugen könne. Der kann ja auch Snapshots aus dem Kamera stream erstellen. Das wäre vermutlich die LÖsung um Snapshots zu bekommen.. Aber ob ich das wieder konfiguriert bekomme.. oha.. Das war ein ganz schönes gemache damals. Aber wurde direkt auf dem Host verarbeitet.

                                      Die Kameras sind ONVIF Kameras... Wisst Ihr dazu evtl. eine Snapshot URL?

                                      XBiT David G. 2 Replies Last reply Reply Quote 0
                                      • XBiT
                                        XBiT @Plastikman last edited by

                                        @plastikman

                                        über ONVIF sollte ein simpler Snapshot kein Problem sein.
                                        Aber jeder Hersteller macht sein eigenen Pfad.
                                        Bei meiner ONVIF Kamera ist es z.B.: http://192.168.XX.XX/action/snapshot
                                        Kannst du ja mal Testen mit viel Glück ist es die gleiche URL

                                        P 1 Reply Last reply Reply Quote 0
                                        • David G.
                                          David G. @Plastikman last edited by David G.

                                          @plastikman

                                          Ich hatte sbiser 2-3 Kameras.

                                          Bisher konnte ich mir hier immer alle Infos holen:
                                          https://www.ispyconnect.com/cameras

                                          Arenti finde ich da aber nicht. Gibt es ggf. baugleiche Kameras anderer Hersteller?

                                          P 1 Reply Last reply Reply Quote 0
                                          • P
                                            Plastikman @David G. last edited by

                                            @david-g Doch da gibts auch arenti.
                                            Arentit

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            822
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            template vis
                                            31
                                            98
                                            30142
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo