Grafana and iFrame card : no luck

Configuration Frontend
,
1

Hi all,

I have a HA Yellow, InfluxDB and Grafana installed and working well. I’ve build a few dashboard like this one

image
image2562×1168 506 KB

and would love to expose them on the HA dashboard to be able to view some info quickly on my home tablet.

I’ve create a iFrame card and copied the URL provided by “Share” option ( already tried all variants)

But all I got is this :

image
image842×470 21.5 KB

YAML of the iFrame hereafter :

type: iframe
url: >- http://192.168.1.228:3000/api/hassio_ingress/6lQfo_91fAQxDDQ0MV3sSgeI1aG7JBrd5VWq9Kgpny4/d/b880fada-3188-4182-bf6d-6b9e9d644750/energy?orgId=1&from=now-7d&to=now&timezone=browser&refresh=15m
aspect_ratio: 75%
title: Grafana test

PS: I’ve tried already a lot of combination (localhost, shorturl, …)

I’ve already tried to update the Grafana config and add :

- name: GF_AUTH_ANONYMOUS_ENABLED
  value: "true"
- name: GF_AUTH_ANONYMOUS_ORG_NAME
  value: Main Org.
- name: GF_AUTH_ANONYMOUS_ORG_ROLE
  value: Admin
- name: GF_SECURITY_ALLOW_EMBEDDING
  value: "true"
- name: GF_AUTH_DISABLE_LOGIN_FORM
  value: "true"

restarted the addon but no luck.
Gemini, ChatGPT and even Deepseek also failed to help.

Anyone got an idea on what magic we need to apply to get HA to display a Grafana dashboard?

Thanks in advance

Fred

2

Check the port settings.

In Supervisor → Add-ons → Grafana → Configuration:
Enable “Show in sidebar” → that uses ingress.
But also make sure you set a network port mapping (e.g., 3000 → 3000 Go to Settings → Add-ons → Grafana → Configuration.).

Restart Grafana add-on.
Now you can reach it at http://homeassistant.local:3000 or http://192.168.1.228:3000.

Update your HA iframe card:

type: iframe
url: http://192.168.1.228:3000/d/b880fada-3188-4182-bf6d-6b9e9d644750/energy?orgId=1&from=now-7d&to=now&timezone=browser&refresh=15m
aspect_ratio: 75%
title: Grafana test
3

You can only use ingress if you have visited the Grafana panel at least once per session.

i.e. you have to open the Grafana link in the side menu before you can use ingress in your dashboard. You have to do this every time you open your HA web page to set up the required authentication.

Honestly after many years there is still no good way to display Grafana charts in dashboards that does not have some issue.

Personally I just visit the Grafana page when I want to look at my charts there.

1 Like