Managed Grafana - Add Images to Dashboard

3

According to the Grafana docs as well as the Grafana docs, you should be able to embed images into a dashboard using either a Text widget or as a value in a table. I have tried every possible way, HTML, base64, direct link to the image, text addon, table view... Every attempt results in a broken image icon rather than the image.

https://docs.aws.amazon.com/grafana/latest/userguide/table-panel.html https://community.grafana.com/t/using-text-panel-to-show-image-where-to-store-image/6642

I've read that there's an INI setting that you may need to change, but Amazon does not give us that level of access.

Has anyone figured this out?

asked 2 years ago3760 views
4 Answers
2

This is possible. In the panel text entry, try adding this with HTML selected:

<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/>

This is an example which displays a red dot. You will need to convert a PNG image into a Base64 encoded image. Use this:

https://www.opinionatedgeek.com/Codecs/Base64Encoder

Add you own Base64 encoded image. I don't know the size limitation for the text panel, but I managed a 126x80 PNG of a logo.

answered 2 years ago
  • Clever workaround here. Native Grafana allows an image src in a HTML text box, AWS managed Grafana doesn't appear to allow image src, which is not good ! I have used this service https://www.base64-image.de/ and managed to get 509kb png into AWS managed grafana using this technique to paste the base64 encoded text into the img src tag.
    However... take a look at the JSON behind the scenes!

1

I am also blocked on this. A client requires branding be added to the AMG dashboard. I can embedded an image sourced from an S3 bucket using a non-managed version of Grafana. If I add the same object URL to a text panel (having selected HTML) I only ever see a broken image icon. This is a really useful and important feature to allow branding of a dashboard. Please can you indicate if this will ever be supported or if it is supported and how I may solve the problem? Thank you in advance for any help you can offer.

answered 2 years ago
0

I have the same need, I have to add my company logo to the top of the dashboard and it seems absurd that it's a so difficult task. I would expect this to be really simple as I guess everybody needs to add a logo to their dashboard.

Could somebody post an example with screenshots?

answered 5 months ago
0
answered 5 months ago

You are not logged in. Log in to post an answer.

A good answer clearly answers the question and provides constructive feedback and encourages professional growth in the question asker.

Guidelines for Answering Questions