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
When using Width = 100% and Height = 100%, and the parent is taller than wider, "circular" charts (such as Pie, Polar Area, etc) are not sized correctly. Not showing the legend also seems to be important when reproducing the issue, as showing the label somehow makes the library calculate the correct size.
I'm willing to triage this issue but since I'm not familiar with the codebase some guidance could be helpful.
Steps to Reproduce
Create a parent div with width: 500px and height: 600px
Create a chart inside the parent container with the following options
Description
When using Width = 100% and Height = 100%, and the parent is taller than wider, "circular" charts (such as Pie, Polar Area, etc) are not sized correctly. Not showing the legend also seems to be important when reproducing the issue, as showing the label somehow makes the library calculate the correct size.
I'm willing to triage this issue but since I'm not familiar with the codebase some guidance could be helpful.
Steps to Reproduce
Expected Behavior
The chart is centered and it is not clipped on the left and right side
Actual Behavior
The chart is wider than the parent and so it is clipped on the left and right sides.
Screenshots
Reproduction Link
https://codepen.io/meronz/pen/qBwxOOY
The text was updated successfully, but these errors were encountered: