I have set up a sensor in 7 different rooms of a building. How is it possible to draw an image of the floorplan and to show the sensor data of these buildings on this image using grafana?
Hi!
Did you make it?
Have you tried this? https://youtu.be/b7AYKoFcPpY?si=tGEeXBxNBqii6tkO&t=493
Yes, I tried using the Canvas plugin with the floor plan as the background image.
I encountered an issue with background image scaling:
- If I set Background image size to “Fill”, the image gets distorted on different devices due to varying aspect ratios.
- If I use “Original size” or “Tile”, the image does not fit properly on some screens.
- If I set it to “Contain” or “Cover”, the overlay elements (sensor values) shift when the screen size changes, making them misaligned with their actual positions in the building.
In the video you referenced, this is noticeable at timestamp 14:01. The author resizes the panel, and the elements change their positions relative to the background.
what type of image is it? svg or something else?
I’m using .png
When using .svg should I get a different result?
worth trying out. see below, scales perfectly.
