Render Dynatrace dashboard in web application

[namangupta]

Is there any way to render or integrate a Dynatrace dashboard in web application?

[pahofmann]

You can't embed dynatrace Dashboards as an iframe in other applications directly, for security reasons.

You can of course get the information and data you use in the dashboard and render it yourself.

[namangupta]

Yes, I understand about not embedding it as an iframe. I was just curious to know if Dynatrace provides a way to render it's dashboard components  and data in web applications using maybe React.js, Angular etc. Because I didn't find anything in the documentation related to that.

And yes, I will have to make use of API to get data and render it 😞

Thanks for the quick response 🙂 

[matthias_dillie · Accepted solution]

If you already use grafana, there is a dynatrace datasource in the enterprise version of grafana or you may have a look at: https://github.com/piotr1212/grafana-dynatrace-datasource

See also: https://community.dynatrace.com/t5/Integrations/Dynatrace-Grafana-integration/m-p/121473

To have the graphs on a website, you have to use the grafana renderer too.

[matthias_dillie]

You can also embed a grafana graph as iFrame into a webpage, see:
https://grafana.com/docs/grafana/latest/dashboards/share-dashboards-panels/#embed-panel

You then also have to set 'allow_embedding = true' in the grafana configuration. I had quite some problems with the grafana renderer and it is rather slow, so iFrame is a good option here and you get interactive graphs not just an image.

[Julius_Loman]

@namangupta you can also use server side rendering services such as https://apiflash.com/ to render your dashboards to a png image and embed it in your page. Not a perfect solution, but it can be easily deployed.