Unable to integrate Grafana dashboard with my web application

Grafana Dashboards
1

I am trying to integrate Grafana dashboard with my web application, but I am facing some issues even after enabling anonymous access. I have followed the documentation and tutorials available online, but I am still unable to get it to work.

Here are the steps I have followed:

  1. Installed Grafana and configured the datasource.
  2. Created a dashboard in Grafana with the required panels and queries.
  3. Enabled anonymous access in the Grafana configuration file by setting auth.anonymous.enabled = true.
  4. Embedded the dashboard in my web application using the iframe tag.

However, when I try to view the dashboard in my web application, I still get an error message. I have checked the logs, but I couldn’t find any useful information. I have also tried different configurations and settings, but nothing seems to work.Can someone please help me with this issue? Any suggestions or pointers would be greatly appreciated.Thank you in advance.

2

Why you didn’t share error message?

Check browser console for errors.

3

Hi Jangaraj,

I missed to add the errors. I have attcahed the snap from the web application and error message in the console.

MicrosoftTeams-image (5)
Error responce in console: Refused to display 'http://IP:Port/’ in a frame because it set ‘X-Frame-Options’ to ‘deny’.

Thanks:))

4

you can check this detaild document on how to use grafana dashboard on web application please follow this link