recharts legend 가 name에 겹쳐서 보이는 현상(페이지 첫번째 그래프)

[문제]

legend가 data name과 겹침

 

[해결방법]

debounce={1} 을 ReponsiveContainer에 추가한다.

  return (

    <ResponsiveContainer width='99.5%' height='99.5%' debounce={1}>

99.5%는 100%로 할 경우 주욱 늘어나는 버그가 있어서, 99.5로 수치를 조정함.

 

아무리 고쳐봐도

페이지의 첫번째 그래프만 저렇게 데이터와 이름이 겹쳤었다.

wrapperstyle 등등 legend 관련 api를 한참 건드려보다가....

 

해결방법 참조 : https://github.com/recharts/recharts/issues/511