marcuscalidus-svg-panel icon indicating copy to clipboard operation
marcuscalidus-svg-panel copied to clipboard

Published 20 hours ago • verified publisher icon MarcusCalidus

A possible DUMB question: How to make a resizable SVG panel??

Open bgondell opened this issue 3 years ago • 2 comments

I'm pretty new on the SVG world, but I learn fast.

I made some SVG images with Inkscape, but I can't underestand still how to made them rezisables to grafana panel size. Tried to change the width, height and viewBox values on the SVG editor without success.

Can anyone help me with this possible dumb problem?

I attached the SVG file that I simply copy&paste into Grafana SVG data.

Many thanks in advance!!

258 - Control Molino - CLEAN.zip

bgondell avatar Oct 29 '21 14:10 bgondell

could you please try those suggestions? https://stackoverflow.com/questions/19484707/how-can-i-make-an-svg-scale-with-its-parent-container I am currently not anywhere near a device where I can test.

MarcusCalidus avatar Oct 29 '21 17:10 MarcusCalidus

Was a kind of play and test, but finally managed to do some kind of scaling.

width="100%" height="100%" viewBox="0 0 180 150"

And play with viewBox values to scale and center the svg to the panel.

But I'm afraid this will not have the same effect on different devices. I'll update with more info!

bgondell avatar Nov 02 '21 15:11 bgondell