Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
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