Cannot configure mini-graph-card. Please help

Configuration
1

I hav spend already many hours/days on that but I am lost.

My configuration :
Home Assistant 2024.1.2 installed on Synology/Docker
ESP Home 2023.12.5 on Synology/Docker
I have made some simple ESP sensor graphs that work well on the default interface.

I have also installed HACS and properly connected to Github
But I cannot configure properly mini-graph-card.

I have looked to many online help, but the problem is the multiples different configuration that seems to exist. Very often, what is said does not seem to apply to my case.

  • I do not have the add-ons (This seems to be due to the docker install)

  • Even when I put the advanced mode on my profile settings, I do not have a menu
    for
    Configuration → Lovelace Dashboards → Resources Tab

I do not see even where to configure Lovelace.

  • I tried in many ways to include mini-graph-card/mini-graph-card-bundle.js
    in the configuration.yaml file, but nothing worked.
    AT present, this file is just a few lines (see below) :
    But I see nowhere where to change the configuration with the GUI as I dont see a configuration menu.

image
image1114×378 41.7 KB

In addition, I can say that I have properly the searched file at
http://192.168.1.102:8123/local/community/mini-graph-card/mini-graph-card-bundle.js
But cannot make HA find it.

2

You install it via the HACS page.

3

Thanks,

I have installed (or at least downloaded ) mini-graph-card from the HACS page.

But it seems that I am missing something in the HACS page

4

Maybe my installation of HACS is not correct.

This is the only thing I see in the HACS page

image
image2942×1102 272 KB

5

Finally, I found the solution. I reproduce it here as it may be helpful for others.

My main problem was how to include the
mini-graph-card/mini-graph-card-bundle.js file

I tried in the configuration.yaml file but this was not successful.

The way to do it is

Settings - > Dashboards

Then on the up right corner click on the three dots with a unique menu : Ressources

in the right bottom corner click : ADD RESSOURCE

paste /hacsfiles/mini-graph-card/mini-graph-card-bundle.js in URL

select Javascript module

image
image1260×934 53.5 KB

Then its done. Now mini-graph-card works.

1 Like
6

Hi guys, sorry, another noob here. I’m trying to get this working for the first time, I’ve been using HA for about 2 weeks.
I’m using 2025.5.1, so don’t believe that the lovelace stuff is relevant anymore.
I’ve installed via HACS, then done the Settings → Dashboards → Resources etc and followed the instrucitons.
However, when I try and create a new mini graph, I get the following:

image
image1290×434 32.8 KB

I’m stuck on if I still need an entry in configuration.yaml, and/or if I’ve put the .js file in the correct directory/folder…

Has anybody loaded this from scratch in a 2025 HA version and can point me in the right direction?

Many thanks from a noob in advance!

7

Not sure what this means.

This is not enough to define a graph - you need to specify the entities that you want in the graph. For example (from the docs):

type: custom:mini-graph-card
entities:
  - sensor.temperature
  - entity: sensor.pressure
    name: Pressure
    show_state: true
  - sensor.humidity
8

ok, thanks, I’ll take a look. I thought you just had to add something to the yaml as per below:

image
image1216×484 39.6 KB

9

You do need to do 3 things:

  • download the javascript using HACS
  • tell HA where to load the javascript as a resource (your pic above)
  • Configure it in the dashboard (what entities to show, how should it look etc etc).