Hi,
I have made a card for my solar panels which shows the current power production for each individual panel with a graph in the background.
I have also the maximum reached value in watts for each panel and now I want to show the maximum reached value above the current power production.
I will attach some screenshots to make it more clear.
This is the current situation:
This is what I need:
This is a part of the code for the first panel:
type: custom:mod-card
card_mod:
style: |
hui-grid-card {
background: rgba(10,10,10,0.4);
padding: 0px 10px 10px 10px;
display: block;
border-radius: 20px;
}
ha-card h1 {
padding: 0;
color: red;
}
card:
type: grid
square: false
columns: 1
title: Zonnepanelen
cards:
- type: grid
columns: 5
square: false
cards:
- type: custom:mini-graph-card
entities:
- entity: sensor.envoy_122244026326_inverter_482235037056
name: Opbrengst nu
show:
labels: false
name: false
icon: true
points: false
hours_to_show: 6
points_per_hour: 5
animate: true
height: 150
lower_bound: 0
upper_bound: 375
unit: watt
line_width: 4
hour24: true
color_thresholds:
- value: 0
color: '#063b00'
- '#0a5d00'
- '#089000'
- '#1fc600'
- value: 250
color: '#0eff00'
card_mod:
style: |
ha-card {
--mdc-icon-size: 80px;
border-radius: 10px;
overflow: hidden;
min-height: 90px;
padding: 0 !important;
}
ha-card .header {
padding: 10px 12px;
}
ha-card .header .name span {
line-height: 14px;
font-size: 12px;
letter-spacing: 0;
}
ha-card .header .icon {
opacity: .02;
position: absolute;
left: -10px;
top: -20px;
}
ha-card .graph {
position: absolute;
bottom: 0;
opacity: .6;
}
ha-card .states {
padding: 0;
margin-top: 0;
padding: 0;
position: absolute;
width: 100%;
top: calc(50% - 15px);
line-height: 1;
text-align: center;
right: 0px;
justify-content: center;
}
ha-card .states .state {
flex-direction: column;
}
ha-card .states .state .state__value {
font-size: 25px;
margin-right: 0;
display: block;
line-height: 1;
font-weight: 400;
}
ha-card .states .state .state__uom {
font-size: 10px;
color: white;
opacity: .5;
}
Entity for my max reached value:
entity: sensor.paneel_voor_1_max