ApexCharts card - A highly customizable graph card

Sorry, I looked through all the examples multiple times, I don’t know how I missed that… :blush:

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 :slight_smile:

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 :grin:

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

  1. 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

  2. Server Controls
    Check configuration, then reboot HA

  3. 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
  1. Here is my Config / Info
    System Health
    version: core-2021.5.5
    installation_type: Home Assistant OS
    dev: false
    hassio: true
    docker: true
    virtualenv: false
    python_version: 3.8.9
    os_name: Linux
    os_version: 5.4.83-v8
    arch: aarch64
    timezone: America/New_York
    GitHub API: ok
    Github API Calls Remaining: 4949
    Installed Version: 1.12.4
    Stage: running
    Available Repositories: 822
    Installed Repositories: 2
    can_reach_server: ok
    remaining_requests: 9
    logged_in: false
    can_reach_cert_server: ok
    can_reach_cloud_auth: ok
    can_reach_cloud: ok
    host_os: Home Assistant OS 5.13
    update_channel: stable
    supervisor_version: supervisor-2021.05.4
    docker_version: 19.03.15
    disk_total: 28.6 GB
    disk_used: 3.3 GB
    healthy: true
    supported: true
    board: rpi4-64
    supervisor_api: ok
    version_api: ok
    installed_addons: File editor (5.3.1), ESPHome (1.18.0), Terminal & SSH (9.1.3)
    dashboards: 1
    resources: 0
    views: 5
    mode: yaml

Don’t share your token like that… I’d suggest you edit that post to remove it and cancel that token in todoist. That enables everyone to access your account.

Thank you. Rookie mistake

Oh come on! Don’t do that to me :stuck_out_tongue_winking_eye:

Would be super useful if it was added especially since I can’t click the graphs header and get the classical histogram with the red line chart to see details like last sensor update.

Sir, do you see what I am doing wrong with my installation of your application?

You didn’t declare the resource in your lovelace section of the configuration: see here Dashboards and Views - Home Assistant

Thank you sir. That was my mistake – one I will never make again thanks to you

Hey @RomRider I have asked about this before and told it was nothing to worry about and nothing can be done about but this is an error that keeps on (1000 times)
image
Is there nothing that is causing this that can be fixed?

Nothing which can be done on my side unfortunately. It’s a library issue.

1 Like

When using an area chart and the period is 24 hours, is there a way to automatically create a vertical line at midnight to give a visual of a new day?

Yes, that is possible:

  apex_config:
    annotations:
      xaxis:
        - x: EVAL:new Date().setHours(0,0,0,0) # This will return last midnight

Note: it’s not compatible with the now config option.

Great work. Love this card.
One question though. Does anyone know if there is a way to change the line card line thickness? I couldn’t find a setting for this in the documentation.
Should i request a new feature?
Cheers

stroke_width is your friend, it’s in the documentation I believe :slight_smile:

1 Like

Thank you very much

7 Likes

Perhaps off topic, but I do love using your apexcard. But my lovelace.yaml is getting a bit unwieldy. Is there a way to callout/include another yaml card file from my lovelace.yaml? That would tidy things up for me.

P.S. - Where is your buy me a coffee link?

1 Like

You can use multiple solutions:

  • !include which is standard in lovelace
  • lovelace_gen
  • decluttering-card which I also maintain
  • apexcharts-card templates (which are native to apexcharts-card)
1 Like