ok thank you that’s a shame. I will look for another card to have my electricity consumption and sales per month
Plotly can do this I believe
Can markers be series specific?
I have two series, one where I’d like to have markers and one where I don’t want to have markers. Only way to solve it now is to set one series to column instead of line…
Had a problem running apexcharts. Had a graph with 4 entities, running back a day.
The graph got drawn, but that was all it was soooo slow, plus it bricked my HA, could not edit lovelace, could not stop it from running, had to restart ha, kill the apex via file editing and then go inot lovelace again.
Running on a raspy4. Is that normal behaviour or?
is there a way so when i click on a entity in the legend instead of toggling the disabling of that entity on the graph it pulls up the more info modal?
Hi, I`m having an question, is there any way I can reverse the value bar?
Below is the code I made.
- type: custom:apexcharts-card
apex_config:
chart:
stacked: true
legend:
show: false
graph_span: 1month
span:
end: day
show:
last_updated: true
header:
show: true
show_states: true
colorize_states: true
title: Monthly energy consumption
series:
- entity: sensor.huawei_daily_grid_used_reset
name: Grid
float_precision: 2
type: column
unit: ' Kwh'
color: rgb(193, 132, 0)
group_by:
func: max
duration: 1d
- entity: sensor.huawei_daily_panel_reset
name: Solar Panel
float_precision: 2
type: column
unit: ' Kwh'
color: rgb(129, 171, 250)
group_by:
func: max
duration: 1d
hello how can I modify the code so that the columns are a little higher? they are too low and I would like to increase the length.
type: custom:apexcharts-card
apex_config:
chart:
height: 180px
toolbar:
show: true
tools:
zoom: true
zoomin: true
zoomout: true
pan: true
reset: true
experimental:
color_threshold: true
graph_span: 1d
span:
end: day
show:
last_updated: true
header:
show: true
show_states: true
colorize_states: true
title: Produzione per orea
yaxis:
- min: 0
max: ~10
decimals: 0
apex_config:
tickAmount: 5
series:
- entity: sensor.energia_prodotta_per_ora
color: '#3366cc'
type: column
name: Produzione
fill_raw: last
group_by:
func: avg
duration: 1h
Take a look at min/max format of yaxis: GitHub - RomRider/apexcharts-card: 📈 A Lovelace card to display advanced graphs and charts based on ApexChartsJS for Home Assistant
Best regards,
chrclaus
I think, the order relates to the array-order in the series-array. Change the order of your entities in series and your solar panel will be at top of the bar. But this changes the order in the header too.
Best regards,
chrclaus
Try
graph_span: 12month
Best regards,
chrclaus
I know if I change the order of the entities it will change the bar, but I want to keep the order on the header
I figured it out by myself
- type: custom:apexcharts-card
apex_config:
chart:
stacked: true
legend:
show: false
graph_span: 1month
span:
end: day
show:
last_updated: true
header:
show: true
show_states: true
colorize_states: true
title: Daily energy consumption
series:
- entity: sensor.huawei_daily_panel_reset
header_actions:
tap_action:
action: none
name: Solar Panel
float_precision: 2
show:
in_chart: false
type: column
unit: ' Kwh'
color: rgb(129, 171, 250)
group_by:
func: max
duration: 1d
- entity: sensor.huawei_daily_grid_used_reset
header_actions:
tap_action:
action: none
name: Grid
float_precision: 2
type: column
unit: ' Kwh'
color: rgb(193, 132, 0)
group_by:
func: max
duration: 1d
- entity: sensor.huawei_daily_panel_reset
header_actions:
tap_action:
action: none
name: Solar Panel
float_precision: 2
show:
in_header: false
type: column
unit: ' Kwh'
color: rgb(129, 171, 250)
group_by:
func: max
duration: 1d
I had to multiply an entity but give it “show” attribute where to show and where not
Found how to only have markers on one series if anyone is looking for the same:
markers:
size:
- 0
- 3
2 Likes
not sure if ApexCharts can do this, and if not - any card else… i searched a lot to no avail…
i’d like to visualize 3 values as bars (updating every few seconds) plus a line indicating the average of these values:
(plain mockup, graphs not scaled to values at all)
but also open to other ideas how to visualize this - goal is to see at a single glance how far the values are off the average. (it’s about unbalanced load in a three-phase-system in case anyone wonders)
tia for any hints.
Hello all,
I just killed my HA instance with ApexCharts. I somehow did a missconfiguration in a card. Means that any browser displaying that page with this card on it will freeze. RAM goes up to 29GB. Processer 43%. Browser crashes. Not even sure what I did wrong. Is there anyway I can delete that card? Last backup is 5 days old. Did a lot of things. Dont want to reset everything. Help is very appreciated.
Many Thanks in advance.
Have you tried the raw configurator? Three dots in the top right corner > Edit (or what it might be called in English/your language) and then the three dots again. Give it a try, there you can find everything in your Lovelace.
1 Like
if you have the Add_Ons fileditor, samba_share, or SSH you find your View/dashboards in .storage
As I cannot open the dashboard without crashing the browser I am also unable to Edit it. Or did I misunderstand this?
Sorry, then I missunderstood you. I thought it happened when you navigated to a specific view.
What if you enter the address in the brower to your installation and add “/hacs”, maybe then you can uninstall or deactivate Apex and adjust the code?
Sorry had no coffee this morning therefore I had to read your post three times.
Indeed that was the solution for me. I just had the problem that the problem was on the first card of the overview dashboard. I managed to open another view by typing the address in browser. Afterwards I was able to open the full raw editor (which contains all views and all cards). Fixed it!
Thank you so much!!!
1 Like