SOLVED:
I spent way too much time to get this configured, so I thought this may be helpful for others
Here are the steps to get the mini-graph-card working in Home Assistant
( Home Assistant 0.109.1)
Download the module for the mini-graph-card:
Place the module in the Hassio filesystem under /config/www
mkdir -p /config/www
cd /config/www
wget https://github.com/kalkih/mini-graph-card/releases/download/v0.9.3/mini-graph-card-bundle.js -O /config/www/mini-graph-card-bundle.js
Enable Advanced Mode for user
Home Assistant WebUI -> Left margin, at the bottom of the screen: username -> find “Advanced Mode” -> turn on
(this will make appear the Resources tab in the next screen; see below)
Add the link in Lovelace to the downloaded resource:
Home Assistant WebUI -> Configuration -> Dashboards -> Resources > Big yellow “+”" (bottom right)
URL: /local/mini-graph-card-bundle.js?v=0.9.3
Resource Type: JavaScript Module
Create a new Lovelace Card
Home Assistant WebUI -> Overview -> three dots in the right top corner -> Configure UI -> Big yellow “+” (bottom right) -> scroll all the way down to “Manual” -> Card Configuration: add something like:
type: 'custom:mini-graph-card'
align_state: center
animate: true
entities:
- entity: sensor.br_minimum_rain_1d
- entity: sensor.br_maximum_rain_1d
hours_to_show: 24
name: minimum rain
points_per_hour: 12
show:
extrema: false
labels: true
