search

recharts / react-smooth

react animation
MIT License
277 stars 38 forks source link

Legend shows issue in recharts piechart with responsive container #51

Closed adity2 closed 1 year ago

adity2 commented 2 years ago

I have tried working with responsive container in recharts using piechart and legend but this creates many issues like gettine "negative rect value" this value only becomes negative while you try to align legend to left or right. The piechart is not working responsive when I align Legend to left or right.

{dataStore.map((entry, index) => ( ))}
adity2 commented 2 years ago

I have found a trick for this one and that is working for me but please have look into this need a better resolution from your end. Trick : don't use align in legend let it be default and then handle .recharts-legend-wapper class in scss by making left:0px; in (desktop,ipad). But if you say it is responsive then it must work with align as well. And the legend alignment should not create issue on piechart, as "pie" is a different element.

adity2 commented 2 years ago

@xile611 please help me out if there's something else we have to use here.

ckifer commented 1 year ago

This is not the recharts repository. Please re-create this issue in https://github.com/recharts/recharts