I am putting together a card that will give me the current conditions on the water to see if it might be a good time to go sailing.
I have the collection of sensors working on their own tab, but the tab is pretty empty and I thought grouping the sensors into a single card and putting that card on the Weather tab made sense.
So I decided to use a Vertical Stack card with a nested Horizontal Stack. Every sensor displays properly except 1, the Water Temperature sensor.
I am using the mini-graph-card to display the information. The graph line is displayed properly but the Numbers showing the temp are missing. If you click on the sensor the pop-up shows the temperature.
I copied the code from the working tab to the card which I placed in a new tab for testing
Here is what it look like:
Here is the same sensor working:
Here is the non-working code:
- icon: mdi:sail-boat
title: Sailing 2
cards:
- type: vertical-stack
title: Sailing Conditions
cards:
- type: custom:mini-graph-card
name: Wind Speed
icon: mdi:weather-windy
entities:
- entity: sensor.wind_speed
name: Wind
show:
legend: false
color_thresholds:
- value: 8
color: "#2b89c0"
- value: 16
color: "#32c02b"
- value: 24
color: "#c02d2b"
- type: horizontal-stack
cards:
- type: custom:mini-graph-card
entities:
- sensor.temperature
line_color: blue
line_width: 8
font_size: 75
- type: custom:mini-graph-card
entities:
- sensor.humidex
line_color: '#e74c3c'
line_width: 8
font_size: 75
- type: custom:mini-graph-card
entities:
- sensor.water_temp
name: Water Temp
line_color: var(--accent-color)
line_width: 8
font_size: 7
- type: horizontal-stack
cards:
- type: custom:mini-graph-card
entities:
- sensor.wave_height
icon: mdi:waves
line_color: blue
line_width: 8
font_size: 75
name: Wave Height
- type: custom:mini-graph-card
entities:
- sensor.uv_index
icon: mdi:weather-sunny-alert
line_color: '#e74c3c'
line_width: 8
font_size: 75
- type: custom:mini-graph-card
entities:
- sensor.pressure
icon: mdi:gauge
line_color: var(--accent-color)
line_width: 8
font_size: 75