기록하는 개발자

https://mingmeng030.tistory.com/266 [React] React+typescript에서 chartJs의 update() 사용법 프로젝트를 할 때마다 그래프가 필요할 때 라이브러리 ‘chartJs’의 Bar chart를 사용하였는데, 그냥 javascript가 아닌 react+typescript 환경에서 사용할 때 상태 변경에서 문제가 발생했다. react+typescript mingmeng030.tistory.com 기존에 적용한 chartjs에 data label이 바로 보이도록 추가하고 싶은 경우가 있다. default 로는 아래처럼 data label이 보이지 않다가 마우스가 hover 되었을 때 그래프 위에 툴팁으로 뜬다. 만약 위와 달리 아래처럼 hover 없이도 dat..

프로젝트를 할 때마다 그래프가 필요할 때 라이브러리 ‘chartJs’의 Bar chart를 사용하였는데, 그냥 javascript가 아닌 react+typescript 환경에서 사용할 때 상태 변경에서 문제가 발생했다. react+typescript 환경에서는 list를 위와 같이 라이브러리의 인자 ‘data’로 넘겨준다. 편의상 기존 data를 prevData, 변경된 data를 newData라고 하겠다. → 이 때 prevData가 변경되면 그래프에 newData 가 아닌 기존의 prevData와 newData 가 함께 보이는 문제가 있었다. 알아보니 chartJs의 javascript 버전에는 위 문제해결에 update() 함수가 사용 되는데 react 라이브러리에서는 사용이 불가한 함수이었다. 때..