A big thank you to @hunterjm for putting this into an integration as well as all who have come before to figure out the data for this.
I’m now pulling in the sensor data from the controller onto my dashboard with the past 1h displayed and clickable header info that pops up the past 24h.
Code
type: custom:vertical-stack-in-card
cards:
- type: grid
square: false
columns: 3
cards:
- type: custom:mushroom-entity-card
entity: sensor.g_ukmvm_temperature
primary_info: state
secondary_info: name
name: Temperature
icon_color: green
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Temperature
content:
type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-entity-card
entity: sensor.g_ukmvm_temperature
primary_info: state
secondary_info: name
name: Temperature
icon_color: green
- type: custom:apexcharts-card
graph_span: 24h
update_interval: 1m
apex_config:
legend:
show: false
series:
- entity: sensor.g_ukmvm_temperature
name: Temperature
color: var(--green-color)
stroke_width: 1
show:
extremas: true
header:
show: false
- type: custom:mushroom-entity-card
primary_info: state
secondary_info: name
name: Humidity
icon_color: blue
entity: sensor.g_ukmvm_humidity
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Humidity
content:
type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-entity-card
entity: sensor.g_ukmvm_humidity
primary_info: state
secondary_info: name
name: Humidity
icon_color: blue
- type: custom:apexcharts-card
graph_span: 24h
update_interval: 1m
apex_config:
legend:
show: false
series:
- entity: sensor.g_ukmvm_humidity
name: Humidity
color: var(--blue-color)
stroke_width: 1
show:
extremas: true
header:
show: false
- type: custom:mushroom-entity-card
primary_info: state
secondary_info: name
name: VPD
icon_color: red
entity: sensor.g_ukmvm_vpd
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: VPD
content:
type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-entity-card
entity: sensor.g_ukmvm_vpd
primary_info: state
secondary_info: name
name: VPD
icon_color: red
- type: custom:apexcharts-card
graph_span: 24h
update_interval: 1m
apex_config:
legend:
show: false
series:
- entity: sensor.g_ukmvm_vpd
name: VPD
color: var(--red-color)
stroke_width: 1
show:
extremas: true
header:
show: false
- type: custom:apexcharts-card
graph_span: 1h
update_interval: 1m
layout: minimal
apex_config:
chart:
height: 150px
legend:
show: false
yaxis:
- id: first
decimals: 1
apex_config:
tickAmount: 5
show: false
- id: second
decimals: 1
apex_config:
tickAmount: 5
show: false
- id: third
decimals: 2
apex_config:
tickAmount: 5
show: false
series:
- entity: sensor.g_ukmvm_temperature
name: Temperature
color: var(--green-color)
stroke_width: 1
yaxis_id: first
- entity: sensor.g_ukmvm_humidity
name: Humidity
color: var(--blue-color)
stroke_width: 1
yaxis_id: second
- entity: sensor.g_ukmvm_vpd
name: VPD
color: var(--red-color)
stroke_width: 1
yaxis_id: third
header:
show: false