apexchart

개발 일지

차트 라이브러리 스크롤링 이슈 해결

X축으로 스크롤링이 가능한 차트를 구현해야했다. 차트 라이브러리는 ApexChart를 사용했다. 많은 사람들이 사용하시더라. 스크롤링 기능은 아래와 같이 설계하여 구현했다. 차트 라이브러리에 종속된 자잘한 사용자 편의 기능도 구현이 필요했다. 태어난 해에 따른 차트 부분이 하이라이팅 되어야 했다. 사용자는 차트에서 자신의 나이가 하이라이팅된 부분을 바로 볼 수 있어야 했다. 차트에 하이라이팅되는 기능은 차트 라이브러리의 공식문서를 읽어가면서 어렵지 않게 구현할 수 있었다. 하이라이팅된 부분에 스크롤이 이동하는 것도 ref와 useEffect를 이용해 간단히 구현할 수 있었다. 다만 강제로 잡은 스크롤이 앱 환경에서는 의도치않게 x좌표가 0으로 초기화되는 이슈가 있었으나, 팀원들과 함께 상의하여 문제를 잘..

2DC
'apexchart' 태그의 글 목록