vizulyDecember 13, 2016 at 7:11 am #6787
Unfortunately, SVG (and D3 as a result) do not offer a way to set relative sizing with percentages (like width=”100%”.) So you will manually need to roll your own. What I found works best is responding to the body onresize() event. Based on that event you determine the current container size in question and set the component to the desired relative side. I find it helpful to use a little delay buffer between 25ms-250ms so the component is being resized multiple times while the user is changing the window size.
For some of the resize logic, just look at the Test Container code that comes with Radial Progress that takes screen measurements.
I hope that helps.
You must be logged in to reply to this topic.
© 2021 — vizuly.io