ok so… How do I define a =header? If I set header to true it uses the first sensor name and value?
Can I change the colour of the lines?
Yes, for now. Did you want to define a title instead?
Not yet, but it’s coming, very soon 
Best way for me to track the requests is to open them on Github. You’ll automatically be notified once released in beta and stable.
Yes define a title… is that an option? Like your traffic sources…
It’s not yet possible but I’ll add it. Would you mind opening the 2 feature requests on GH? I’ll work on this tomorrow. It should be released by the end the day for me tomorrow (CET timezone)
1 Like
yep will do right now
DONE
1 Like
This is amazing, Thanks alot! 
This is a browser_mod popup.
tap_action:
action: call-service
service: browser_mod.popup
service_data:
title: Leistungswerte
style:
.: |
:host .content {
width: 80em;
}
card:
type: custom:apexcharts-card
header:
show: false
apex_config:
chart:
height: 450
stroke:
width: 2
curve: smooth
series:
- entity: sensor.e3dc_battery_power
name: Batterie
group_by:
func: avg
duration: 5min
- entity: sensor.e3dc_house_power
name: Haus
group_by:
func: avg
duration: 5min
- entity: sensor.e3dc_net_power
name: Netz
group_by:
func: avg
duration: 5min
- entity: sensor.e3dc_pv_total
name: PV
group_by:
func: avg
duration: 5min
deviceID:
- this
Waiting for colors support. 
8 Likes
Nicely done. Can’t wait for the time line boundaries. Should help in troubleshooting my update problems on the OS from 5.2 to 5.10. I should be able to see what is going on when my Pi4 freezes.
Installed.
I am missing the ability to change line width,
I’ll keep testing!
Here is an example that might help:
- type: custom:apexcharts-card
header:
show: false
series:
- entity: sensor.backyard_govee_temperature
- entity: sensor.backyard_sensor_temperature
- entity: sensor.backyard_atc_mi_temperature
curve: straight
update_interval: 30s
hours_to_show: 24
cache: true
apex_config:
stroke: {
show: true,
width: 1
}
You can change the line width. See just above
type: custom:apexchart-card
series:
- ...
apex_config:
stroke:
width: 2 # Change to your liking
1 Like
Just for general knowledge:
This:
apex_config:
stroke: {
show: true,
width: 1
}
Is the same as this:
apex_config:
stroke:
show: true
width: 1
3 Likes
1.1.0 (2021-01-26)
BREAKING CHANGES
- Replace
hours_to_showwithgraph_span. Takes a time string instead of a number of hours.
Features
- Replace
hours_to_showwithgraph_span. Takes a time string instead of a number of hours. (e7ed408) -
color: Define your own
coloroption for eachserie(#7) (3a15db2), closes #4 - header: More header options and title support (#8) (2cbd769), closes #5
- Add
update_intervalconfig option (357db9a), closes #2
Bug Fixes
- tooltip: Values where following the selected point (0145ca2)
- Error was not displayed if duration couldn’t be parsed (2e2212f)
- Name and units displayed (fe5526b)
Documentation
Chores
4 Likes
This is released in beta. Feedback welcome 
Check the README in the dev branch for updated documentation.
1 Like
Love this already… Kudos!
1 Like
Thanks for this incredible work!
I love this card!
1 Like
It woks. Now is there a simple way to load a specific time range? I.E yesterday at 3PM to 5PM. What I see for the current code is a offset from the current time (which is always changing as the time is changing). Not sure how many people need this but there are times I want to see my history at a known time.
For yesterday 3pm to 5pm you can do it this way:
graph_span: 2h # 2h from 3pm = 5pm
span:
start: day # from midnight this morning
offset: -9h # from midnight this morning minus 9h = 3pm yesterday
1 Like
Got it. Thanks.
I was using a line and a column - how can I change the width of the bars? I followed vdrainers post for the line width but the bars are too wide particularly on a mobile device…
You could try with:
apex_config:
plotOptions:
bar:
columnWidth: '70%' # 70% is the default value
3 Likes