GUten Morgen!
Kann jemand helfen die Karte anzupassen? Ich bekomme es nicht hin die Gauge größer zu machen ohne das siealles ändert… Ich eürde gern die Gauge in dem Bereich ausfüllen sodass sie den ganzen Bereich ausnutzt und nicht n Kolometer Ränder produziert…
Kann jemand helfen? Wäre klasse!
So dieht es aufm Dashboard aus:
Und so im Editor:
HIer der Code:
type: custom:mod-card
card:
type: gauge
entity: sensor.kostalwr_sum_power_of_all_pv_dc_inputs
name: ""
theme: Graphite Light
needle: false
min: 0
max: 10000
segments:
- from: 0
color: "#ff0d00"
- from: 250
color: "#ff1a00"
- from: 500
color: "#ff2600"
- from: 750
color: "#ff3300"
- from: 1000
color: "#ff4000"
- from: 1250
color: "#ff4c00"
- from: 1500
color: "#ff5900"
- from: 1750
color: "#ff6600"
- from: 2000
color: "#ff7300"
- from: 2250
color: "#ff8000"
- from: 2500
color: "#ff8c00"
- from: 2750
color: "#ff9900"
- from: 3000
color: "#ffa600"
- from: 3250
color: "#ffb200"
- from: 3500
color: "#ffbf00"
- from: 3750
color: "#ffcc00"
- from: 4000
color: "#ffd900"
- from: 4250
color: "#ffe600"
- from: 4500
color: "#fff200"
- from: 4750
color: "#ffff00"
- from: 5000
color: "#ffff00"
- from: 5250
color: "#f2ff00"
- from: 5500
color: "#e6ff00"
- from: 5750
color: "#d9ff00"
- from: 6000
color: "#ccff00"
- from: 6250
color: "#bfff00"
- from: 6500
color: "#b2ff00"
- from: 6750
color: "#a6ff00"
- from: 7000
color: "#99ff00"
- from: 7250
color: "#8cff00"
- from: 7500
color: "#80ff00"
- from: 7750
color: "#73ff00"
- from: 8000
color: "#66ff00"
- from: 8250
color: "#59ff00"
- from: 8500
color: "#4dff00"
- from: 8750
color: "#40ff00"
- from: 9000
color: "#33ff00"
- from: 9250
color: "#26ff00"
- from: 9500
color: "#19ff00"
- from: 9750
color: "#0dff00"
tap_action:
action: navigate
navigation_path: /pv-anlage
card_mod:
style:
.: |
ha-card {
left: -15%;
width: 130%; !important;
background: rgb(44,44,46);
border: 5px solid rgb(44,44,46);
border-radius: 10px;
}
ha-gauge$: |
text.value-text {
font-size:
font-weight: bold;
fill: rgba(124,252,0, 1) !important;
text-anchor: middle;
}