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?

demandé il y a 2 ans3812 vues
4 réponses
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.

répondu il y a 2 ans
  • 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.

répondu il y a 2 ans
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?

répondu il y a 5 mois
0
répondu il y a 5 mois

Vous n'êtes pas connecté. Se connecter pour publier une réponse.

Une bonne réponse répond clairement à la question, contient des commentaires constructifs et encourage le développement professionnel de la personne qui pose la question.

Instructions pour répondre aux questions