issues
search
boostcampwm-2022
/
Web35-CryptoGraph
실시간 암호화폐 데이터 시각화 웹 서비스
19
stars
4
forks
source link
Issue#7/chart zoom grid
#24
Closed
baldwinIV
closed
1 year ago
baldwinIV
commented
1 year ago
개요
6 에서 개발된 차트에 zoom/panning 기능이 제공됨
줌/패닝시 화면에 보여주는 데이터를 react state로 관리하여 axis 업데이트
작업사항
줌/패닝시 화면에 보여주는 데이터를 react state로 관리하여 axis 업데이트
ChartRenderOption
을 추가해 별도의 객체로 화면에 보여주는 데이터를 관리한다.
d3.zoom
활용해 panning기능 구현
wheel
이벤트를 바인딩해 줌 기능 구현
생각해볼점
wheel
이벤트만 바인딩되어 있는데, 모바일 페이지의 터치이벤트는 바인딩이 잘 되어있는지?
추후 모바일 적용시 확인하여 안되있다면 추가 이벤트 바인딩이 필요하다.
이미지
baldwinIV
commented
1 year ago
리뷰 너무 재촉해서 항상 죄송합니다.
개요
6 에서 개발된 차트에 zoom/panning 기능이 제공됨
작업사항
ChartRenderOption
을 추가해 별도의 객체로 화면에 보여주는 데이터를 관리한다.d3.zoom
활용해 panning기능 구현wheel
이벤트를 바인딩해 줌 기능 구현생각해볼점
wheel
이벤트만 바인딩되어 있는데, 모바일 페이지의 터치이벤트는 바인딩이 잘 되어있는지?이미지