I have been working on an Apexcharts-card to display several weather related sensors in one place rather than have separate gauges etc. Placing the two temperature sensors and the humidity sensor using an additional y-axis definition worked out well but in redefining the weather dashboard the relative pressure display was somehow eliminated. Adding relative pressure to the existing Apex Chart was considered but because of the disparate value ranges and because a second y-axis range was already defined, I did not know if this was possible. Gleaning the published data on the Apexcharts-card did not give any clues as no example of using more than two y-axis definitions was given. I decided to just try adding a third y-axis definition, hoping it would simply display adjacent to my second y-axis range. The good news is that is exactly the case. Now I have the temperature range displayed on the left and both humidity and rPressure displayed on the right.
The one thing I would like to modify is the spacing between the two y-axis ranges on the right. I have no idea if this is even possible within the Apexcharts-card. If anyone has an idea how to accomplish something like that, I would appreciate any hints.
type: custom:apexcharts-card
header:
show: true
title: Min/Max
show_states: true
colorize_states: false
yaxis:
- id: temps
decimals: 1
- id: humid
decimals: 1
opposite: true
- id: press
decimals: 1
opposite: true
all_series_config:
stroke_width: 1
show:
extremas: true
series:
- entity: sensor.filtered_inside_temp
yaxis_id: temps
name: Inside
- entity: sensor.filtered_outside_temp
yaxis_id: temps
name: Outside
- entity: sensor.filtered_outside_humidity
yaxis_id: humid
name: Humid
type: column
group_by:
func: avg
duration: 30min
- entity: sensor.filtered_relative_pressure
yaxis_id: press
name: rPress
