Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Zeigt her eure Lovelace-Visualisierung

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.2k

Zeigt her eure Lovelace-Visualisierung

Geplant Angeheftet Gesperrt Verschoben Visualisierung
templatevis
109 Beiträge 32 Kommentatoren 39.4k Aufrufe 47 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • G gyle

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

    Danke

    Z Offline
    Z Offline
    Zeptran
    schrieb am zuletzt editiert von
    #37

    @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 Antworten Letzte Antwort
    0
    • Z Zeptran

      @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 Offline
      G Offline
      gyle
      schrieb am zuletzt editiert von gyle
      #38

      @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

      IccubeI W 2 Antworten Letzte Antwort
      0
      • Z Zeptran

        @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 Offline
        G Offline
        gyle
        schrieb am zuletzt editiert von
        #39

        @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 Antwort Letzte Antwort
        0
        • G 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

          IccubeI Offline
          IccubeI Offline
          Iccube
          schrieb am zuletzt editiert von
          #40

          @gyle sieht gut aus

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

          Screenshot 2022-10-19 152716.jpg

          G 1 Antwort Letzte Antwort
          0
          • G gyle

            @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 Offline
            Z Offline
            Zeptran
            schrieb am zuletzt editiert von Zeptran
            #41

            @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 Antwort Letzte Antwort
            0
            • Z 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 Offline
              G Offline
              gyle
              schrieb am zuletzt editiert von gyle
              #42

              @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 Antwort Letzte Antwort
              0
              • IccubeI Iccube

                @gyle sieht gut aus

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

                Screenshot 2022-10-19 152716.jpg

                G Offline
                G Offline
                gyle
                schrieb am zuletzt editiert von
                #43

                @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
                
                
                IccubeI 1 Antwort Letzte Antwort
                0
                • G 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 Offline
                  Z Offline
                  Zeptran
                  schrieb am zuletzt editiert von
                  #44

                  @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 Antwort Letzte Antwort
                  0
                  • G gyle

                    @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
                    
                    
                    IccubeI Offline
                    IccubeI Offline
                    Iccube
                    schrieb am zuletzt editiert von
                    #45

                    @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

                    XBiTX 1 Antwort Letzte Antwort
                    0
                    • IccubeI Iccube

                      @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

                      XBiTX Offline
                      XBiTX Offline
                      XBiT
                      schrieb am zuletzt editiert von
                      #46

                      @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.

                      GarfonsoG 1 Antwort Letzte Antwort
                      0
                      • XBiTX XBiT

                        @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.

                        GarfonsoG Offline
                        GarfonsoG Offline
                        Garfonso
                        Developer
                        schrieb am zuletzt editiert von
                        #47

                        @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.

                        Ultimativer Lovelace Leitfaden: https://forum.iobroker.net/topic/35937/der-ultimative-iobroker-lovelace-leitfaden-dokumentation

                        Lovelace UI Beispiele: https://forum.iobroker.net/topic/35950/zeigt-her-eure-lovelace-visualisierung

                        1 Antwort Letzte Antwort
                        0
                        • U Offline
                          U Offline
                          Ultor
                          schrieb am zuletzt editiert von Ultor
                          #48

                          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 Antwort Letzte Antwort
                          4
                          • T Tirador

                            Hallo Community!

                            Lovelace sieht auf den ersten Blick gleichartig aus, bietet aufgrund der Konfigurationstiefe aber zahlreiche Variationen.
                            Dieser Thread dient dazu alle Lovelace Visualisierungen zu sammeln, die von euch erstellt wurden.
                            Damit können wir wechselseitig von Erfahrungen und Erkenntnissen profitieren.

                            Euer Beitrag sollte folgendes beinhalten

                            • Screenshots eurer Karten/Ansichten
                            • Annotation welche "Custom Cards" verwendet wurden
                            • YAML-Code eurer Ansichten anbei.

                            Ich hoffe auf einen regen Austausch und viele interessante Ideen.

                            P Offline
                            P Offline
                            Plastikman
                            schrieb am zuletzt editiert von
                            #49

                            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.D XBiTX P 3 Antworten Letzte Antwort
                            1
                            • P Plastikman

                              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.D Online
                              David G.D Online
                              David G.
                              schrieb am zuletzt editiert von David G.
                              #50

                              @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.

                              Zeigt eure Lovelace-Visualisierung klick
                              (Auch ideal um sich Anregungen zu holen)

                              Meine Tabellen für eure Visualisierung klick

                              1 Antwort Letzte Antwort
                              0
                              • P Plastikman

                                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

                                XBiTX Offline
                                XBiTX Offline
                                XBiT
                                schrieb am zuletzt editiert von XBiT
                                #51

                                @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 Antwort Letzte Antwort
                                0
                                • XBiTX 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 Offline
                                  P Offline
                                  Plastikman
                                  schrieb am zuletzt editiert von
                                  #52

                                  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?

                                  XBiTX David G.D 2 Antworten Letzte Antwort
                                  0
                                  • P Plastikman

                                    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?

                                    XBiTX Offline
                                    XBiTX Offline
                                    XBiT
                                    schrieb am zuletzt editiert von
                                    #53

                                    @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 Antwort Letzte Antwort
                                    0
                                    • P Plastikman

                                      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?

                                      David G.D Online
                                      David G.D Online
                                      David G.
                                      schrieb am zuletzt editiert von David G.
                                      #54

                                      @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?

                                      Zeigt eure Lovelace-Visualisierung klick
                                      (Auch ideal um sich Anregungen zu holen)

                                      Meine Tabellen für eure Visualisierung klick

                                      P 1 Antwort Letzte Antwort
                                      0
                                      • David G.D 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 Offline
                                        P Offline
                                        Plastikman
                                        schrieb am zuletzt editiert von
                                        #55

                                        @david-g Doch da gibts auch arenti.
                                        Arentit

                                        1 Antwort Letzte Antwort
                                        0
                                        • XBiTX XBiT

                                          @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 Offline
                                          P Offline
                                          Plastikman
                                          schrieb am zuletzt editiert von
                                          #56

                                          @xbit danke Dir, hat aber leider auch nicht funktioniert.

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          218

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe