Not getting the values to show up or be displayed correctly.
type: picture-elements
image: local/pics/Green_Lawn_Pic.jpg
elements:
- type: custom:entity-attributes-card
filter:
include:
- key: sensor.allergy_index_today
name: ' '
- key: sensor.asthma_index_today
name: ' '
- key: sensor.cold_flu_index_today
name: ' '
heading_name: ' '
heading_state: Out Door Air Quality
style:
top: 10%
left: 30%
font-size: 16px
color: white
text-align: center
'--paper-card-background-color': none
'--secondary-background-color': none
'--ha-card-box-shadow': none
transform: translate(0%,-50%)
- type: custom:entity-attributes-card
filter:
include:
- key: sensor.allergy_index_tomorrow
name: ' '
- key: sensor.asthma_index_tomorrow
name: ' '
- key: sensor.cold_flu_index_tomorrow
name: ' '
heading_name: ' '
heading_state: Outlook
style:
top: 80%
left: 0%
font-size: 16px
color: white
'--paper-card-background-color': none
'--secondary-background-color': none
transform: translate(0%,-50%)
- type: custom:entity-attributes-card
filter:
include:
- key: sensor.allergy_index_forecasted_averagea
name: ' '
heading_name: 'Allergy Forecast:'
heading_state: ' '
style:
top: 70%
left: 25%
font-size: 13px
color: white
'--paper-card-background-color': none
'--secondary-background-color': none
'--ha-card-box-shadow': none
transform: translate(0%,-50%)
- type: custom:entity-attributes-card
filter:
include:
- key: sensor.allergy_index_tomorrow
name: ' '
entity: sensor.asthma_index_tomorrow
heading_name: 'Asthma Forecast:'
heading_state: ' '
style:
top: 90%
left: 25%
font-size: 13px
color: white
'--paper-card-background-color': none
'--secondary-background-color': none
'--ha-card-box-shadow': none
transform: translate(0%,-50%)
- type: custom:circle-sensor-card
entity: sensor.allergy_index_today
max: 12
min: 0
stroke_width: 8
gradient: true
fill: '#125054'
name: Asthma
units: ' '
font_style:
font-size: 16px
font-color: white
color_stops:
'0': '#007300'
'2.5': '#00b500'
'4.9': '#ffd900'
'7.3': '#ff7e00'
'9.7': '#ff0000'
style:
top: 20%
left: 55%
width: 100px
height: 100px
transform: none
- type: custom:circle-sensor-card
entity: sensor.cold_flu_index_today
max: 12
min: 0
stroke_width: 8
gradient: true
fill: '#125054'
name: Cold-Flu
units: ' '
font_style:
font-size: 16px
font-color: white
color_stops:
'0': '#55FF55'
'2.5': '#00b500'
'4.9': '#ffd900'
'7.3': '#ff7e00'
'9.7': '#ff0000'
style:
top: 20%
left: 0%
width: 100px
height: 100px
transform: none
Need some help to clear up my data display issue for my card