How to put data on an image

Anvil Q&A
1

Hello.
I have an image (dashboard for ESG-KPIs). After collecting data by assessment, next step is to show results on image.

sustain_d_0
sustain_d_0633×720 57.4 KB

I create per KPI a link (icon circle) color it depending on results = works fine.
I put the image on the screen, but can not figure out, how to show the links on the image on the correct position.

Any ideas about that?

Thanks, Aaron

2

If you know the positions of the circles in the image, you could load the image in a canvas, then use the mouse click events and calculate which circle had been clicked by looking at the mouse coordinates.

I did something similar (the click part, not the image part) here.

3

Another approach uses XYPanel to place your links. Some trial-and-error may be needed to get proper placement.