One more thing @RomRider
On the iOS app I have this kind of glitch on the “now” label.
Is that my fault?
One more thing @RomRider
On the iOS app I have this kind of glitch on the “now” label.
Is that my fault?
Probably safari’s fault nothing I can or you can do about it.
Ok no problem Label removed
How do I remove future values from the graph if the X axis is time?
I don’t want this horizontal line
type: 'custom:apexcharts-card'
graph_span: 24h
span:
start: day
header:
show: true
title: Napięcie paneli
show_states: true
colorize_states: true
series:
- entity: sensor.pv_voltage_a
curve: smooth
fill_raw: 'null'
group_by:
duration: 20min
func: avg
y_axis_precision: 1
Under “series”:
extend_to_end: false
Similar to some others in this thread, I wanted to make a radial graph for CPU/RAM/Disk usage. The problem so far is the bottom of the graph being cut off:
Adjusting the offset can make the graph visible, but the legends are still cut off with an adorable little scroll bar. It looks like a “foreignobject” container is causing this, but I can’t seem to adjust with the ApexCharts options or card-mod:
Any suggestions to fix this?
Not much we’ll be able to help with without your config
type: 'custom:apexcharts-card'
chart_type: radialBar
graph_span: 1s
header:
show: false
apex_config:
chart:
foreColor: 'rgb(148,148,148)'
offsetY: -50
height: 350
legend:
show: true
position: left
floating: true
offsetX: 200
offsetY: 200
plotOptions:
radialBar:
inverseOrder: true
offsetY: 0
startAngle: -180
endAngle: 90
hollow:
size: 35%
background: transparent
dataLabels:
name:
show: true
value:
show: true
series:
- entity: sensor.golfquest_pc_cpu_usage
name: CPU
- entity: sensor.golfquest_pc_cpu_usage
name: CPU
- entity: sensor.golfquest_pc_cpu_usage
name: CPU
Wow, I made a mental note at least three times to not forget that when I was scanning through this thread.
Hello everybody.
Is it possible to create a monthly chart (12 months) with the ApexCharts Card?
type: 'custom:apexcharts-card'
span:
end: day
graph_span: 7d
header:
show: true
title: Fatura
show_states: true
colorize_states: true
apex_config:
tooltip:
enabled: true
yaxis:
- show: true
decimalsInFloat: 0
axisTicks:
show: true
opposite: true
axisBorder:
show: false
color: '#e74c3c'
labels:
style:
colors: '#e74c3c'
fontSize: 12px
fontWeight: bold
fontFamily: Raleway
forceNiceScale: true
series:
- entity: sensor.total_pagar_shelly_em_casa
type: column
name: ' '
show:
extremas: true
group_by:
func: last
duration: 1d
color: '#e74c3c'
Hello
Anyone know why my charts suddenly wont show up anymore? They do if i create a new one, but not with this exact code. Is there anything in my code that has change that makes it break?
type: 'custom:apexcharts-card'
update_interval: 15min
graph_span: 1d
layout: minimal
header:
show: true
show_states: true
floating: true
colorize_states: true
now:
show: false
label: Stua
color: white
series:
- entity: sensor.multi_stua_temp
color: '#e74c3c'
type: line
name: Stua
group_by:
func: max
duration: 30min
extend_to_end: true
- entity: sensor.multi_stua_fuktighet
show:
datalabels: true
color: '#3279a8'
type: line
name: ' '
group_by:
func: max
duration: 30min
extend_to_end: true
apex_config:
chart:
height: 180px
xaxis:
tickAmount: null
labels:
format: HH
stroke:
width: 3
curve: smooth
dataLabels:
enabled: false
legend:
show: false
loving your graphs, but on my side the redering is very bad!
any idea ?
Have you figured it out? I’m also looking for this
It is not possible at the moment because grouping by month doesn’t group by actual months but by some number of days which is fixed.
I have no plan at the moment to introduce that feature, but will think about it for the future.
It is said in the documentation that min
and max
shouldn’t be under apex_config
but straight under your yaxis
entry.
Sorry, I looked through all the examples multiple times, I don’t know how I missed that…
Is it possible to show when a sensor was updated? The right one below shows how much hot water there is still left but the value isn’t always updated in real time, so I would like that it showed “Varmvatten 17:38” so I know if the value is accurate and valid.
Can this be done? I guess not but had to ask
Edit:
The data might be retrieved accordint to this but how to I make it show in the chart?
It’s there, but not released
But this displays the chart last update, not the sensor last update. Maybe I’ll add it too.
My first post here… Having difficulty with Apex Charts. (I am a week into HA.)
Here is my entry in the /config/ui-lovelace.yaml file:
views:
- title: Main
cards:
- type: custom:apexcharts-card
series:
- entity: sensor.building_temperature
…and here is the error I see on the Overview page
Custom element doesn't exist: apexcharts-card.
type: 'custom:apexcharts-card'
series:
- entity: sensor.building_temperature
BACKGROUND INFO
I use HACS and load apexcharts-card v1.9.0
It says…
When installed, this will be located in ‘/config/www/community/apexcharts-card’
When you add this to your lovelace configuration use this
url: /hacsfiles/apexcharts-card/apexcharts-card.js
type: module
Server Controls
Check configuration, then reboot HA
This is my configuration.yaml
homeassistant:
name: Home
unit_system: imperial
time_zone: America/New_York
frontend:
themes: !include themes.yaml
lovelace:
mode: yaml
calendar:
- platform: todoist
token:
# Configure a default setup of Home Assistant (frontend, api, etc)
default_config:
# Text to speech
tts:
- platform: google_translate
group: !include groups.yaml
automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml