Temperature Inside and Outside should share the same yaxis on the left - Day/Night is realised by a second yaxis on the right (hidden). Unfortunately Inside Temerature doesn’t seem to be on the same yaxis as Outside Temperature even if it is assigned to the same axis =(
I love the color_threshold but also want to use the area option somehow. is it possible to fill the line with the threshold with a gradient while keeping the line colorful?
Code:
type: custom:apexcharts-card
graph_span: 7d
apex_config:
legend:
show: false
brush:
selection_span: 3d
experimental:
color_threshold: true
brush: true
all_series_config:
stroke_width: 3
header:
show: true
floating: false
title: Outside vs. Inside (7d)
show_states: true
colorize_states: true
yaxis:
- id: left
- id: right
show: false
opposite: true
series:
- entity: sensor.outside_temperature
name: Outside Temperature
yaxis_id: left
type: line
opacity: 1
fill_raw: last
color_threshold:
- value: 0
color: ffffff
- value: 8
color: '#318ce8'
- value: 16
color: '#bcf74f'
- value: 24
color: '#ff9600'
show:
extremas: time
in_brush: true
- entity: sensor.miaomiaoce_inside_temperature
name: Inside Temperature
yaxis_id: left
fill_raw: last
color: '#FFC300'
show:
extremas: time
in_brush: true
- entity: binary_sensor.night
yaxis_id: right
transform: 'return x === "on" ? 1 : 0;'
stroke_width: 0
color: black
opacity: 0.2
type: area
curve: stepline
show:
in_header: false
@RomRider or anyone else, is there a way to customize the font size and/or color or the background of the extremas shown values (min/max values)? If I change the fonts of the other datalabels, the changes are not reflected in the extremas too and they seem a little bit off. Thanks in advance.
I have all my energy consumption seperated by appilance. Each appliance has three sensors: off-peak,on-peak and solar consumption. Is it possible to create a graph like this? Or should I start looking at Grafana
Not sure if this has an example of what you want (Utility Meter near the bottom).
We can stack the utility meter data, for a daily per device overview spanning 14 days. When hovered it will give us exact data of each appliance monitor in our example along with the correct day.
I’m using ApexCharts to display my Tyres Pressure/Temp with a radial bar inside a picture-elements cards.
The problem I’m seeing is that they keep sliding up and down - I don’t know based on what/why, not the values being shown as I tried manually setting the state of such sensors and was not able to reproduce the issue. See below some examples:
this happens to all four of the ApexCharts shown, after some time they get back to the original position. Without (apparently) doing anything.
This is running on an Android based car head unit, I’m using HA Android app in Kiosk mode. Note that the other elements inside the card are not affected - only the ApexChars keep moving up and down.
I don’t know anything about java, so I don’t know if this is possible:
But I have different day and night cost. Is this possible to add and “if” statement to the output map?
Close. I want the x axis to be populated with 7 unique entities, not 7 days like it is in the time series. Looks like it this feature was only recently added in Grafana, so I doubt it’s possible with ApexCharts yet.
Hi!
I use Apexchart for the Nordpool integration. That works great. I want be able to add a line for the average price. Is that possible? How? I have painted the line in this pic: