Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.



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

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
Da es bei mir funktioniert und ich weiß, was ich wo ändern muss, bringt es nichts, wenn ich mir meinen Code ansehe.....Poste bitte mal den ganzen Code, dann kann man sich das mal ansehen
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


value_texts:
primary: "{{ states(entity) | float | round(1) }} %"
secondary: max.{{ states(entity2) | float | round(1) }} °C
secondary_color: "#aaa"
titles:
primary: dht22-01