You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is your feature request related to a problem? Please describe.
I am using the radial bar with endAngle of 90, so it ocuppies a quarter of the circle. Despite that, the SVG maintains the same distribution, so it makes it really hard to position as needed.
Describe the solution you'd like
I would like the SVG to be the size of the graph, the content itself. As shown in the console under the rect element:
Describe alternatives you've considered
I have tried the following:
To adapt it with the margin property, but the graph gets smaller while SVG maintains the same size.
To wrap the component with another svg and modify the viewBox, but it is modified as if zoomed in.
To modify width, height and CSS properties of the container.
To use position absolute, giving it a bigger size and using overflow hidden, but it complicates the natural responsiveness of the graph.
Does anyone have any ideas I can try? 🙏
Thanks in advance!
The text was updated successfully, but these errors were encountered:
This is not supported for the radial bar chart, while 90 degrees is easy to fit, it gets more complicated with less common start/end angles, the pie chart has such feature via the fit property (try changing the start/end angles), you could try to port the feature to the radial bar chart.
Is your feature request related to a problem? Please describe.
I am using the radial bar with
endAngle
of 90, so it ocuppies a quarter of the circle. Despite that, the SVG maintains the same distribution, so it makes it really hard to position as needed.Describe the solution you'd like
I would like the SVG to be the size of the graph, the content itself. As shown in the console under the
rect
element:Describe alternatives you've considered
I have tried the following:
margin
property, but the graph gets smaller while SVG maintains the same size.svg
and modify theviewBox
, but it is modified as if zoomed in.width
,height
and CSS properties of the container.Does anyone have any ideas I can try? 🙏
Thanks in advance!
The text was updated successfully, but these errors were encountered: