search

ACE-IoT-Solutions / ace-svg-react

Grafana SVG Rendering Panel using the 7+ Plugin Framework
https://grafana.com/grafana/plugins/aceiot-svg-panel/
MIT License
40 stars 14 forks source link

Make the containing div fluid #27

Closed euandekock closed 2 years ago

euandekock commented 2 years ago

Not sure if I've missed something, but would it be possible to make the container holding the svg content into a fluid container so the svg object scales within its box. I'm not a react programmer or I'd be all over this, but maybe something like the react-fluid-svg plugin.

Thanks.

euandekock commented 2 years ago

OK, don't worry - I figured this out.

If you remove the width and height specification from the tag it will become responsive.

EG:

Change:

<svg id="svg1066" width="24.782mm" height="30.377mm"

to:

<svg id="svg1066"