Karte Analoganzeige mit 2 Zeigern ?

Moin 😊

Ich habe ein Karte, welche mir anzeigt, wieviel mein Balkonkraftwerk gerade produziert

IMG_3048.jpeg

Nun hÀtte ich gerne noch einen zweiten Zeiger, der konstant den maximalen Wert am Tag anzeigt


Weiss jemand ob und wie das geht?

Greetz
GĂŒnni
 
Hallo @El_Despo74, @GĂŒnni,

geht sowas auch?
https://community.home-assistant.io/t/modern-circular-gauge/786296/15
1753359857380.png

Nachtrag:
Scheinbar ist in den Codes noch eine variable hinterlegt.
Ersetzt mal an verschiedenen Stellen wo segments erscheint das mal mit dem Wort segmente.
Dann gibt es scheinbar einen anderen (abgehakten) Farbverlauf.
Dann verÀndern sich auch die Farben.

Eingabe von segments
1753438936011.png

Eingabe von segmente
1753439000922.png
 
Zuletzt bearbeitet:
Hallo @El_Despo74,

Canvas Gauge Card von HACS installieren:

YAML:
type: custom:canvas-gauge
title: Mehrzeiger Gauge
entity: sensor.dein_sensor
min: 0
max: 100
gauge:
  - value: sensor.wert1
    label: Wert 1
    color: "#00FF00"
  - value: sensor.wert2
    label: Max Wert
    color: "#FF0000"
    dial: true
    dialColor: "#FF0000"
    dialValue: 100
 
Ich habe mir jetzt mehrere Karten angeschaut und mich (aktuell) fĂŒr die Gauge-Card-Pro entschieden....

Der Ă€ußere Ring ist die aktuelle Produktion und der innere Ring der max. Wert am Tag
 

AnhÀnge

  • Screenshot 2025-07-26 121717.png
    Screenshot 2025-07-26 121717.png
    20,2 KB · Aufrufe: 5
Klar :)
Musst nur deine Sensoren usw. dann anpassen

Code:
type: custom:gauge-card-pro
entity: sensor.wechselrichter_port_1_dc_leistung
entity2: sensor.daily_sensor
needle: true
min: "0"
max: "500"
segments:
  - from: 0
    color: var(--red-color)
  - from: 100
    color: var(--orange-color)
  - from: 200
    color: var(--yellow-color)
  - from: 300
    color: var(--light-green-color)
  - from: 400
    color: var(--green-color)
inner:
  min: 0
  max: 500
  mode: needle
  gradient: true
  gradient_resolution: high
  segments:
    - from: 0
      color: var(--red-color)
    - from: 100
      color: var(--orange-color)
    - from: 200
      color: var(--yellow-color)
    - from: 300
      color: var(--light-green-color)
    - from: 400
      color: var(--green-color)
gradient: true
gradient_resolution: high
value_texts:
  primary: "{{ states(entity) | float | round(1) }} W"
  secondary: max.{{ states(entity2) | float | round(1) }} W
  secondary_color: "#aaa"
titles:
  primary: Solar-Ertrag
 
Hallo @El_Despo74,

so sieht mein Ergebnis nach Deiner Vorlage aus.
1753529956284.png
Beim dht22-01 bekomme ich den inneren Ring nicht farbig.
Vermutlich durch die Einheiten °C und %.
 
Hier der Code dazu....
YAML:
type: custom:gauge-card-pro
entity: sensor.dht22_01_relative_luftfeuchte
segments:
  - from: 0
    color: red
  - from: 25
    color: "#FFA500"
  - from: 50
    color: rgb(255, 255, 0)
  - from: 100
    color: var(--green-color)
needle: true
gradient: true
titles:
  primary: dht22-01
gradient_resolution: high
entity2: sensor.dht22_01_temperatur
min_indicator:
  type: entity
inner:
  mode: needle
  min: -15
  max: 40
Kannst Du den mal testen, ob Du was anderes hinbekommst.
 
Also wenn du nicht vergessen hast, etwas rĂŒberzukopieren, dann fehlt dir der Code fĂŒr den inneren Kreis


Vergleich mal deine 2 Anzeigen miteinander, dann wirst dus sehen
 
Hallo @El_Despo74,

ich weis schon, dass ich was weggelassen habe.
Wenn ich nur die Sensoren tausche, dann habe ich eine Watt Anzeige.
Ich kann dann nicht tauschen auf % und °C.
Finde nicht die Einstellung dazu das zu Àndern.

Da beißt sich die Katze in den Schwanz.
 
Nimm doch mal Deinen Code und setze einfach mal bei Dir zwei Sensoren ein mit Luftfeuchtigkeit und Temperatur.
Dann wirst das Chaos schon sehen.
Meine Versuche waren so.
Ich habe auch schon "unit: % oder °C" eingesetzt.
Keinen Erfolg damit gehabt.
Es wurde immer nur "w" angezeigt.
 
Hallo @El_Despo74,

hier der Code....
YAML:
type: custom:gauge-card-pro
entity: sensor.dht22_01_relative_luftfeuchte
entity2: sensor.dht22_01_temperatur
needle: true
min: "0"
max: "100"
segments:
  - from: 0
    color: var(--red-color)
  - from: 20
    color: var(--orange-color)
  - from: 40
    color: var(--yellow-color)
  - from: 60
    color: var(--light-green-color)
  - from: 80
    color: var(--green-color)
inner:
  min: -15
  max: 40
  mode: needle
  gradient: true
  gradient_resolution: high
  segments:
    - from: -15
      color: var(--red-color)
    - from: 10
      color: var(--orange-color)
    - from: 20
      color: var(--yellow-color)
    - from: 30
      color: var(--light-green-color)
    - from: 40
      color: var(--green-color)
gradient: true
gradient_resolution: high
value_texts:
  primary: "{{ states(entity) | float | round(1) }} W"
  secondary: max.{{ states(entity2) | float | round(1) }} W
  secondary_color: "#aaa"
titles:
  primary: dht22-01

So sieht die Gauge bei mir aus....
1753539999343.png

Ich bekomme einfach nicht die Watt aus der Gauge und % und °C rein....

Nachtrag:
Den Fehler selber gefunden, Mann bin ich blöd...
1753540211526.png
YAML:
value_texts:
  primary: "{{ states(entity) | float | round(1) }} %"
  secondary: max.{{ states(entity2) | float | round(1) }} °C
  secondary_color: "#aaa"
titles:
  primary: dht22-01

Man muss nur das w gegen seine % und °C tauschen, dann passt das auch....
 
Zuletzt bearbeitet:

Zurzeit aktive Besucher

Keine Mitglieder online.

Letzte Anleitungen

Statistik des Forums

Themen
6.906
BeitrÀge
66.909
Mitglieder
7.263
Neuestes Mitglied
Loopo
ZurĂŒck
Oben